#5C9FF2

#5C9FF2

#F2AF5C

#F2AF5C

대비율

1.44:1

Delta E

100.78

Very Different

50:50 혼합

#C0A6A9

색상 값

형식 #5C9FF2 #F2AF5C
HEX #5C9FF2 #F2AF5C
RGB 92, 159, 242 242, 175, 92
HSL 213.2, 85.2%, 65.5% 33.2, 85.2%, 65.5%
HSV 213.2, 62.0%, 94.9% 33.2, 62.0%, 94.9%
CMYK 62.0%, 34.3%, 0.0%, 5.1% 0.0%, 27.7%, 62.0%, 5.1%
OKLCH 0.6949 0.1407 254.7 0.8013 0.1267 70.1

대비 및 접근성

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F2AF5C → 배경색: #5C9FF2

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5C9FF2 → 배경색: #F2AF5C

색상 차이 (Delta E)

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

그라디언트

#5C9FF2 #8AA1DA #A8A3C2 #C0A6A9 #D3A991 #E3AC77 #F2AF5C

색상 혼합

#5C9FF2

100%

#9AA2CE

75:25

#C0A6A9

50:50

#DBAA84

25:75

#F2AF5C

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5C9FF2, #F2AF5C);
background: linear-gradient(135deg, #5C9FF2, #F2AF5C);

각 색상 탐색

#5C9FF2

색상 전체 정보 보기

#F2AF5C

색상 전체 정보 보기

관련 비교