#39CCF3

#39CCF3

#F36039

#F36039

コントラスト比

1.7:1

Delta E

114.41

Very Different

50:50 ミックス

#C69C94

カラー値

フォーマット #39CCF3 #F36039
HEX #39CCF3 #F36039
RGB 57, 204, 243 243, 96, 57
HSL 192.6, 88.6%, 58.8% 12.6, 88.6%, 58.8%
HSV 192.6, 76.5%, 95.3% 12.6, 76.5%, 95.3%
CMYK 76.5%, 16.0%, 0.0%, 4.7% 0.0%, 60.5%, 76.5%, 4.7%
OKLCH 0.7862 0.1303 220.3 0.6727 0.1889 35.7

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

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F36039 → 背景色: #39CCF3

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

テキスト: #39CCF3 → 背景色: #F36039

色差 (Delta E)

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

グラデーション

#39CCF3 #87BDD3 #ADADB3 #C69C94 #D98A76 #E87758 #F36039

カラーミキシング

#39CCF3

100%

#9CB5C3

75:25

#C69C94

50:50

#E18167

25:75

#F36039

100%

CSSグラデーションコード

background: linear-gradient(to right, #39CCF3, #F36039);
background: linear-gradient(135deg, #39CCF3, #F36039);

各色を詳しく見る

#39CCF3

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

#F36039

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

関連する比較