#168CCB

#168CCB

white

#FFFFFF

대비율

3.72:1

Delta E

61.07

Very Different

50:50 혼합

#A1C4E5

색상 값

형식 #168CCB #FFFFFF
HEX #168CCB #FFFFFF
RGB 22, 140, 203 255, 255, 255
HSL 200.9, 80.4%, 44.1% 0.0, 0.0%, 100.0%
HSV 200.9, 89.2%, 79.6% 0.0, 0.0%, 100.0%
CMYK 89.2%, 31.0%, 0.0%, 20.4% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6107 0.1342 240.0 1.0 0.0 89.9

대비 및 접근성

3.72:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #FFFFFF → 배경색: #168CCB

다람쥐 헌 쳇바퀴에 타고파

텍스트: #168CCB → 배경색: #FFFFFF

색상 차이 (Delta E)

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

그라디언트

#168CCB #589ED4 #7FB1DD #A1C4E5 #C1D7EE #E0EBF7 #FFFFFF

색상 혼합

#168CCB

100%

#6DA7D8

75:25

#A1C4E5

50:50

#D1E1F2

25:75

#FFFFFF

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #168CCB, #FFFFFF);
background: linear-gradient(135deg, #168CCB, #FFFFFF);

각 색상 탐색

#168CCB

색상 전체 정보 보기

white

색상 전체 정보 보기

관련 비교