#7DCDF8

#7DCDF8

#F8A87D

#F8A87D

コントラスト比

1.1:1

Delta E

73.47

Very Different

50:50 ミックス

#CCBBBA

カラー値

フォーマット #7DCDF8 #F8A87D
HEX #7DCDF8 #F8A87D
RGB 125, 205, 248 248, 168, 125
HSL 201.0, 89.8%, 73.1% 21.0, 89.8%, 73.1%
HSV 201.0, 49.6%, 97.3% 21.0, 49.6%, 97.3%
CMYK 49.6%, 17.3%, 0.0%, 2.7% 0.0%, 32.3%, 49.6%, 2.7%
OKLCH 0.8128 0.0994 233.3 0.8 0.1108 48.9

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F8A87D → 背景色: #7DCDF8

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

テキスト: #7DCDF8 → 背景色: #F8A87D

色差 (Delta E)

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

グラデーション

#7DCDF8 #9FC7E3 #B8C1CF #CCBBBA #DDB5A6 #EBAF91 #F8A87D

カラーミキシング

#7DCDF8

100%

#ACC4D9

75:25

#CCBBBA

50:50

#E5B29C

25:75

#F8A87D

100%

CSSグラデーションコード

background: linear-gradient(to right, #7DCDF8, #F8A87D);
background: linear-gradient(135deg, #7DCDF8, #F8A87D);

各色を詳しく見る

#7DCDF8

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

#F8A87D

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

関連する比較