#CCF2E3

#CCF2E3

#F2CCDB

#F2CCDB

대비율

1.2:1

Delta E

32.15

Very Different

50:50 혼합

#E1DFDF

색상 값

형식 #CCF2E3 #F2CCDB
HEX #CCF2E3 #F2CCDB
RGB 204, 242, 227 242, 204, 219
HSL 156.3, 59.4%, 87.5% 336.3, 59.4%, 87.5%
HSV 156.3, 15.7%, 94.9% 336.3, 15.7%, 94.9%
CMYK 15.7%, 0.0%, 6.2%, 5.1% 0.0%, 15.7%, 9.5%, 5.1%
OKLCH 0.93 0.0443 169.5 0.8818 0.0469 352.4

대비 및 접근성

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F2CCDB → 배경색: #CCF2E3

다람쥐 헌 쳇바퀴에 타고파

텍스트: #CCF2E3 → 배경색: #F2CCDB

색상 차이 (Delta E)

32.15 Very Different
0 — 동일 5 — 유사 25 — 눈에 띄는 차이 100 — 매우 다름

그라디언트

#CCF2E3 #D3ECE2 #DAE6E0 #E1DFDF #E7D9DE #ECD3DC #F2CCDB

색상 혼합

#CCF2E3

100%

#D7E9E1

75:25

#E1DFDF

50:50

#EAD6DD

25:75

#F2CCDB

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #CCF2E3, #F2CCDB);
background: linear-gradient(135deg, #CCF2E3, #F2CCDB);

각 색상 탐색

#CCF2E3

색상 전체 정보 보기

#F2CCDB

색상 전체 정보 보기

관련 비교