#9CF9BA

#9CF9BA

#F99CDB

#F99CDB

コントラスト比

1.54:1

Delta E

94.01

Very Different

50:50 ミックス

#D4CECB

カラー値

フォーマット #9CF9BA #F99CDB
HEX #9CF9BA #F99CDB
RGB 156, 249, 186 249, 156, 219
HSL 139.4, 88.6%, 79.4% 319.4, 88.6%, 79.4%
HSV 139.4, 37.3%, 97.6% 319.4, 37.3%, 97.6%
CMYK 37.3%, 0.0%, 25.3%, 2.4% 0.0%, 37.3%, 12.0%, 2.4%
OKLCH 0.9075 0.1247 153.6 0.8057 0.1348 339.9

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F99CDB → 背景色: #9CF9BA

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

テキスト: #9CF9BA → 背景色: #F99CDB

色差 (Delta E)

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

グラデーション

#9CF9BA #B2EBC0 #C4DDC6 #D4CECB #E2BFD1 #EEAED6 #F99CDB

カラーミキシング

#9CF9BA

100%

#BBE4C3

75:25

#D4CECB

50:50

#E8B7D3

25:75

#F99CDB

100%

CSSグラデーションコード

background: linear-gradient(to right, #9CF9BA, #F99CDB);
background: linear-gradient(135deg, #9CF9BA, #F99CDB);

各色を詳しく見る

#9CF9BA

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

#F99CDB

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

関連する比較