#76CEFD

#76CEFD

#FDA576

#FDA576

コントラスト比

1.11:1

Delta E

80.41

Very Different

50:50 ミックス

#CFBAB9

カラー値

フォーマット #76CEFD #FDA576
HEX #76CEFD #FDA576
RGB 118, 206, 253 253, 165, 118
HSL 200.9, 97.1%, 72.7% 20.9, 97.1%, 72.7%
HSV 200.9, 53.4%, 99.2% 20.9, 53.4%, 99.2%
CMYK 53.4%, 18.6%, 0.0%, 0.8% 0.0%, 34.8%, 53.4%, 0.8%
OKLCH 0.8139 0.1078 233.6 0.7993 0.1216 48.5

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDA576 → 背景色: #76CEFD

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

テキスト: #76CEFD → 背景色: #FDA576

色差 (Delta E)

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

グラデーション

#76CEFD #9DC8E6 #B9C1D0 #CFBAB9 #E1B4A3 #F0AC8D #FDA576

カラーミキシング

#76CEFD

100%

#ACC4DB

75:25

#CFBAB9

50:50

#E9B098

25:75

#FDA576

100%

CSSグラデーションコード

background: linear-gradient(to right, #76CEFD, #FDA576);
background: linear-gradient(135deg, #76CEFD, #FDA576);

各色を詳しく見る

#76CEFD

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

#FDA576

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

関連する比較