ホーム·色名辞典

ライラック

#C8A2C8

HEX#C8A2C8
RGB200, 162, 200
HSL300°, 26%, 71%
CMYK0%, 19%, 0%, 22%
相対輝度0.42

文字コントラスト

Aa

白地で

2.22:1 AA未満

Aa

黒地で

9.46:1 AA適合

相性のよい色

補色

#A2C8A2

類似色

#B5A2C8#C8A2B5

トライアド

#C8C8A2#A2C8C8

明度段階

50100200300400500600700800

色覚多様性での見え方

1型(P型)2型(D型)3型(T型)

読み方

  • hexコードは赤・緑・青をそれぞれ16進数二桁で書いたものです。#ff0000は赤が最大でほかが0という色です。
  • HSLは色相(0〜360°)・彩度・明度で書きます。少し明るくしたいときは明度だけ動かせばよく、手で扱いやすいです。
  • 文字コントラストはWCAG基準です。本文サイズの文字は4.5:1以上必要で、白と黒の21:1が最大値です。
  • 色覚の行は、三つの色覚特性でこの色がどう見えるかを計算したものです。色だけで情報を分けてはいけない理由がここにあります。

よくある質問

Q. ライラックのhexコードは何ですか。

#C8A2C8です。RGBでは200、162、200、HSLでは色相300°、彩度26%、明度71%です。

Q. ライラックの上に載せる文字は白と黒どちらですか。

黒です。白とのコントラストは2.22:1、黒とは9.46:1なので、本文サイズの文字を読ませるなら比の大きい方を選びます。

Q. ライラックの補色は何ですか。

色相環で180°反対側の#A2C8A2です。並べると互いを最も強く押し合うので、アクセントには向きますが広い面積に一緒に使うと目が疲れます。

Q. このCMYK値はそのまま印刷に使えますか。

計算値はC 0%・M 19%・Y 0%・K 22%です。ただし実際の印刷は紙とインクで変わるので、色が重要な印刷物では印刷所の色見本で確認してください。

Q. 色覚多様性でもこの色は区別できますか。

1型では#B8B7BF、2型では#BABDBD、3型では#C6B8B6に見えます。これらの値が別の色と近づく組み合わせでは、色だけで分けず形や文字を添えてください。

近い色