#99DFBE

#99DFBE

#DF99BA

#DF99BA

コントラスト比

1.45:1

Delta E

63.09

Very Different

50:50 ミックス

#C2BEBC

カラー値

フォーマット #99DFBE #DF99BA
HEX #99DFBE #DF99BA
RGB 153, 223, 190 223, 153, 186
HSL 151.7, 52.2%, 73.7% 331.7, 52.2%, 73.7%
HSV 151.7, 31.4%, 87.5% 331.7, 31.4%, 87.5%
CMYK 31.4%, 0.0%, 14.8%, 12.5% 0.0%, 31.4%, 16.6%, 12.5%
OKLCH 0.848 0.0844 163.6 0.761 0.0934 349.7

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF99BA → 背景色: #99DFBE

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

テキスト: #99DFBE → 背景色: #DF99BA

色差 (Delta E)

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

グラデーション

#99DFBE #A9D4BD #B6C9BD #C2BEBC #CDB2BB #D6A6BB #DF99BA

カラーミキシング

#99DFBE

100%

#B0CFBD

75:25

#C2BEBC

50:50

#D2ACBB

25:75

#DF99BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #99DFBE, #DF99BA);
background: linear-gradient(135deg, #99DFBE, #DF99BA);

各色を詳しく見る

#99DFBE

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

#DF99BA

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

関連する比較