#545DFF

#545DFF

#FFF654

#FFF654

대비율

4.23:1

Delta E

174.84

Very Different

50:50 혼합

#CAA6B5

색상 값

형식 #545DFF #FFF654
HEX #545DFF #FFF654
RGB 84, 93, 255 255, 246, 84
HSL 236.8, 100.0%, 66.5% 56.8, 100.0%, 66.5%
HSV 236.8, 67.1%, 100.0% 56.8, 67.1%, 100.0%
CMYK 67.1%, 63.5%, 0.0%, 0.0% 0.0%, 3.5%, 67.1%, 0.0%
OKLCH 0.5721 0.2357 273.7 0.9524 0.1755 106.2

대비 및 접근성

4.23:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #FFF654 → 배경색: #545DFF

다람쥐 헌 쳇바퀴에 타고파

텍스트: #545DFF → 배경색: #FFF654

색상 차이 (Delta E)

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

그라디언트

#545DFF #8D74E7 #AF8CCF #CAA6B5 #DFC09A #F0DB7C #FFF654

색상 혼합

#545DFF

100%

#9F80DB

75:25

#CAA6B5

50:50

#E8CD8C

25:75

#FFF654

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #545DFF, #FFF654);
background: linear-gradient(135deg, #545DFF, #FFF654);

각 색상 탐색

#545DFF

색상 전체 정보 보기

#FFF654

색상 전체 정보 보기

관련 비교