#C3F3DA

#C3F3DA

#F3C3DC

#F3C3DC

コントラスト比

1.26:1

Delta E

44.0

Very Different

50:50 ミックス

#DDDCDB

カラー値

フォーマット #C3F3DA #F3C3DC
HEX #C3F3DA #F3C3DC
RGB 195, 243, 218 243, 195, 220
HSL 148.8, 66.7%, 85.9% 328.7, 66.7%, 85.9%
HSV 148.8, 19.8%, 95.3% 328.7, 19.8%, 95.3%
CMYK 19.8%, 0.0%, 10.3%, 4.7% 0.0%, 19.8%, 9.5%, 4.7%
OKLCH 0.9239 0.0598 162.3 0.8665 0.0633 345.8

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3C3DC → 背景色: #C3F3DA

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

テキスト: #C3F3DA → 背景色: #F3C3DC

色差 (Delta E)

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

グラデーション

#C3F3DA #CDEBDA #D5E4DB #DDDCDB #E5D4DB #ECCCDC #F3C3DC

カラーミキシング

#C3F3DA

100%

#D1E8DB

75:25

#DDDCDB

50:50

#E9D0DC

25:75

#F3C3DC

100%

CSSグラデーションコード

background: linear-gradient(to right, #C3F3DA, #F3C3DC);
background: linear-gradient(135deg, #C3F3DA, #F3C3DC);

各色を詳しく見る

#C3F3DA

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

#F3C3DC

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

関連する比較