#62CBDF

#62CBDF

#DF7662

#DF7662

コントラスト比

1.61:1

Delta E

81.55

Very Different

50:50 ミックス

#B9A39F

カラー値

フォーマット #62CBDF #DF7662
HEX #62CBDF #DF7662
RGB 98, 203, 223 223, 118, 98
HSL 189.6, 66.1%, 62.9% 9.6, 66.1%, 62.9%
HSV 189.6, 56.1%, 87.5% 9.6, 56.1%, 87.5%
CMYK 56.1%, 9.0%, 0.0%, 12.5% 0.0%, 47.1%, 56.1%, 12.5%
OKLCH 0.7874 0.1006 211.8 0.6807 0.1349 32.0

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF7662 → 背景色: #62CBDF

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

テキスト: #62CBDF → 背景色: #DF7662

色差 (Delta E)

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

グラデーション

#62CBDF #8BBEC9 #A5B1B4 #B9A39F #C8958A #D58676 #DF7662

カラーミキシング

#62CBDF

100%

#99B8BF

75:25

#B9A39F

50:50

#CF8E80

25:75

#DF7662

100%

CSSグラデーションコード

background: linear-gradient(to right, #62CBDF, #DF7662);
background: linear-gradient(135deg, #62CBDF, #DF7662);

各色を詳しく見る

#62CBDF

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

#DF7662

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

関連する比較