#CFFEC3

#CFFEC3

#F2C3FE

#F2C3FE

コントラスト比

1.33:1

Delta E

70.53

Very Different

50:50 ミックス

#E3E2E1

カラー値

フォーマット #CFFEC3 #F2C3FE
HEX #CFFEC3 #F2C3FE
RGB 207, 254, 195 242, 195, 254
HSL 107.8, 96.7%, 88.0% 287.8, 96.7%, 88.0%
HSV 107.8, 23.2%, 99.6% 287.8, 23.2%, 99.6%
CMYK 18.5%, 0.0%, 23.2%, 0.4% 4.7%, 23.2%, 0.0%, 0.4%
OKLCH 0.9495 0.0917 139.3 0.8769 0.094 319.3

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2C3FE → 背景色: #CFFEC3

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

テキスト: #CFFEC3 → 背景色: #F2C3FE

色差 (Delta E)

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

グラデーション

#CFFEC3 #D7F5CD #DDEBD7 #E3E2E1 #E9D8EB #EECDF5 #F2C3FE

カラーミキシング

#CFFEC3

100%

#DAF0D2

75:25

#E3E2E1

50:50

#EBD3F0

25:75

#F2C3FE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CFFEC3, #F2C3FE);
background: linear-gradient(135deg, #CFFEC3, #F2C3FE);

各色を詳しく見る

#CFFEC3

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

#F2C3FE

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

関連する比較