#90AFFF

#90AFFF

#FFE090

#FFE090

コントラスト比

1.67:1

Delta E

88.33

Very Different

50:50 ミックス

#D3C6CA

カラー値

フォーマット #90AFFF #FFE090
HEX #90AFFF #FFE090
RGB 144, 175, 255 255, 224, 144
HSL 223.2, 100.0%, 78.2% 43.2, 100.0%, 78.2%
HSV 223.2, 43.5%, 100.0% 43.2, 43.5%, 100.0%
CMYK 43.5%, 31.4%, 0.0%, 0.0% 0.0%, 12.2%, 43.5%, 0.0%
OKLCH 0.7627 0.1205 267.4 0.9151 0.1048 89.1

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

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFE090 → 背景色: #90AFFF

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

テキスト: #90AFFF → 背景色: #FFE090

色差 (Delta E)

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

グラデーション

#90AFFF #ABB7ED #C1BEDC #D3C6CA #E3CFB7 #F2D7A4 #FFE090

カラーミキシング

#90AFFF

100%

#B6BAE4

75:25

#D3C6CA

50:50

#EBD3AE

25:75

#FFE090

100%

CSSグラデーションコード

background: linear-gradient(to right, #90AFFF, #FFE090);
background: linear-gradient(135deg, #90AFFF, #FFE090);

各色を詳しく見る

#90AFFF

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

#FFE090

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

関連する比較