#9DF0D2

#9DF0D2

#F09DBB

#F09DBB

コントラスト比

1.54:1

Delta E

68.93

Very Different

50:50 ミックス

#CFC9C6

カラー値

フォーマット #9DF0D2 #F09DBB
HEX #9DF0D2 #F09DBB
RGB 157, 240, 210 240, 157, 187
HSL 158.3, 73.5%, 77.8% 338.3, 73.5%, 77.8%
HSV 158.3, 34.6%, 94.1% 338.3, 34.6%, 94.1%
CMYK 34.6%, 0.0%, 12.5%, 5.9% 0.0%, 34.6%, 22.1%, 5.9%
OKLCH 0.8936 0.0915 169.4 0.7868 0.1051 356.5

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

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

テキスト読みやすさ

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

テキスト: #F09DBB → 背景色: #9DF0D2

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

テキスト: #9DF0D2 → 背景色: #F09DBB

色差 (Delta E)

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

グラデーション

#9DF0D2 #B1E3CE #C1D6CA #CFC9C6 #DBBBC3 #E6ACBF #F09DBB

カラーミキシング

#9DF0D2

100%

#B9DDCC

75:25

#CFC9C6

50:50

#E1B4C1

25:75

#F09DBB

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DF0D2, #F09DBB);
background: linear-gradient(135deg, #9DF0D2, #F09DBB);

各色を詳しく見る

#9DF0D2

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

#F09DBB

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

関連する比較