#303EB2

#303EB2

#B2A430

#B2A430

대비율

3.36:1

Delta E

133.34

Very Different

50:50 혼합

#8B6E7A

색상 값

형식 #303EB2 #B2A430
HEX #303EB2 #B2A430
RGB 48, 62, 178 178, 164, 48
HSL 233.5, 57.5%, 44.3% 53.5, 57.5%, 44.3%
HSV 233.5, 73.0%, 69.8% 53.5, 73.0%, 69.8%
CMYK 73.0%, 65.2%, 0.0%, 30.2% 0.0%, 7.9%, 73.0%, 30.2%
OKLCH 0.4316 0.1825 271.0 0.7102 0.1323 102.2

대비 및 접근성

3.36:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #B2A430 → 배경색: #303EB2

다람쥐 헌 쳇바퀴에 타고파

텍스트: #303EB2 → 배경색: #B2A430

색상 차이 (Delta E)

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

그라디언트

#303EB2 #5D4DA0 #775D8D #8B6E7A #9A8066 #A7924F #B2A430

색상 혼합

#303EB2

100%

#6B5597

75:25

#8B6E7A

50:50

#A1895B

25:75

#B2A430

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #303EB2, #B2A430);
background: linear-gradient(135deg, #303EB2, #B2A430);

각 색상 탐색

#303EB2

색상 전체 정보 보기

#B2A430

색상 전체 정보 보기

관련 비교