#CBCDF5

#CBCDF5

#F5F3CB

#F5F3CB

コントラスト比

1.37:1

Delta E

43.14

Very Different

50:50 ミックス

#E2E0E0

カラー値

フォーマット #CBCDF5 #F5F3CB
HEX #CBCDF5 #F5F3CB
RGB 203, 205, 245 245, 243, 203
HSL 237.1, 67.7%, 87.8% 57.1, 67.7%, 87.8%
HSV 237.1, 17.1%, 96.1% 57.1, 17.1%, 96.1%
CMYK 17.1%, 16.3%, 0.0%, 3.9% 0.0%, 0.8%, 17.1%, 3.9%
OKLCH 0.8597 0.0554 282.9 0.9556 0.0521 105.0

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

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5F3CB → 背景色: #CBCDF5

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

テキスト: #CBCDF5 → 背景色: #F5F3CB

色差 (Delta E)

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

グラデーション

#CBCDF5 #D3D3EE #DAD9E7 #E2E0E0 #E8E6D9 #EFEDD2 #F5F3CB

カラーミキシング

#CBCDF5

100%

#D7D6EB

75:25

#E2E0E0

50:50

#ECE9D6

25:75

#F5F3CB

100%

CSSグラデーションコード

background: linear-gradient(to right, #CBCDF5, #F5F3CB);
background: linear-gradient(135deg, #CBCDF5, #F5F3CB);

各色を詳しく見る

#CBCDF5

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

#F5F3CB

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

関連する比較