#0033FF

#0033FF

#FFCC00

#FFCC00

대비율

4.76:1

Delta E

200.5

Very Different

50:50 혼합

#C67BA0

색상 값

형식 #0033FF #FFCC00
HEX #0033FF #FFCC00
RGB 0, 51, 255 255, 204, 0
HSL 228.0, 100.0%, 50.0% 48.0, 100.0%, 50.0%
HSV 228.0, 100.0%, 100.0% 48.0, 100.0%, 100.0%
CMYK 100.0%, 80.0%, 0.0%, 0.0% 0.0%, 20.0%, 100.0%, 0.0%
OKLCH 0.4849 0.2911 264.1 0.8652 0.1768 90.4

대비 및 접근성

4.76:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #FFCC00 → 배경색: #0033FF

다람쥐 헌 쳇바퀴에 타고파

텍스트: #0033FF → 배경색: #FFCC00

색상 차이 (Delta E)

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

그라디언트

#0033FF #7D49E0 #A862C0 #C67BA0 #DD967E #F0B156 #FFCC00

색상 혼합

#0033FF

100%

#9555D0

75:25

#C67BA0

50:50

#E7A36B

25:75

#FFCC00

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #0033FF, #FFCC00);
background: linear-gradient(135deg, #0033FF, #FFCC00);

각 색상 탐색

#0033FF

색상 전체 정보 보기

#FFCC00

색상 전체 정보 보기

관련 비교