#5FBADE

#5FBADE

#DE835F

#DE835F

コントラスト比

1.27:1

Delta E

78.01

Very Different

50:50 ミックス

#B5A09E

カラー値

フォーマット #5FBADE #DE835F
HEX #5FBADE #DE835F
RGB 95, 186, 222 222, 131, 95
HSL 197.0, 65.8%, 62.2% 17.0, 65.8%, 62.2%
HSV 197.0, 57.2%, 87.1% 17.0, 57.2%, 87.1%
CMYK 57.2%, 16.2%, 0.0%, 12.9% 0.0%, 41.0%, 57.2%, 12.9%
OKLCH 0.7468 0.1009 226.4 0.7 0.1231 42.1

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DE835F → 背景色: #5FBADE

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

テキスト: #5FBADE → 背景色: #DE835F

色差 (Delta E)

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

グラデーション

#5FBADE #87B2C8 #A1A9B3 #B5A09E #C59789 #D38D74 #DE835F

カラーミキシング

#5FBADE

100%

#95ADBE

75:25

#B5A09E

50:50

#CC927E

25:75

#DE835F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FBADE, #DE835F);
background: linear-gradient(135deg, #5FBADE, #DE835F);

各色を詳しく見る

#5FBADE

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

#DE835F

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

関連する比較