#BADEAB

#BADEAB

#CFABDE

#CFABDE

コントラスト比

1.34:1

Delta E

61.16

Very Different

50:50 ミックス

#C7C5C5

カラー値

フォーマット #BADEAB #CFABDE
HEX #BADEAB #CFABDE
RGB 186, 222, 171 207, 171, 222
HSL 102.4, 43.6%, 77.1% 282.4, 43.6%, 77.1%
HSV 102.4, 23.0%, 87.1% 282.4, 23.0%, 87.1%
CMYK 16.2%, 0.0%, 23.0%, 12.9% 6.8%, 23.0%, 0.0%, 12.9%
OKLCH 0.8614 0.0787 136.6 0.7898 0.0809 315.9

コントラストとアクセシビリティ

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #CFABDE → 背景色: #BADEAB

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #BADEAB → 背景色: #CFABDE

色差 (Delta E)

61.16 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#BADEAB #BFD6B4 #C3CEBD #C7C5C5 #CABDCE #CDB4D6 #CFABDE

カラーミキシング

#BADEAB

100%

#C1D2B8

75:25

#C7C5C5

50:50

#CBB8D2

25:75

#CFABDE

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADEAB, #CFABDE);
background: linear-gradient(135deg, #BADEAB, #CFABDE);

各色を詳しく見る

#BADEAB

カラーの詳細をすべて見る

#CFABDE

カラーの詳細をすべて見る

関連する比較