#3F30BA

#3F30BA

#ABBA30

#ABBA30

대비율

4.18:1

Delta E

156.11

Very Different

50:50 혼합

#8E7481

색상 값

형식 #3F30BA #ABBA30
HEX #3F30BA #ABBA30
RGB 63, 48, 186 171, 186, 48
HSL 246.5, 59.0%, 45.9% 66.5, 59.0%, 45.9%
HSV 246.5, 74.2%, 72.9% 66.5, 74.2%, 72.9%
CMYK 66.1%, 74.2%, 0.0%, 27.1% 8.1%, 0.0%, 74.2%, 27.1%
OKLCH 0.427 0.2042 278.2 0.7529 0.1557 115.7

대비 및 접근성

4.18:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #ABBA30 → 배경색: #3F30BA

다람쥐 헌 쳇바퀴에 타고파

텍스트: #3F30BA → 배경색: #ABBA30

색상 차이 (Delta E)

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

그라디언트

#3F30BA #6647A8 #7D5D95 #8E7481 #9B8B6C #A4A253 #ABBA30

색상 혼합

#3F30BA

100%

#73529E

75:25

#8E7481

50:50

#A09760

25:75

#ABBA30

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #3F30BA, #ABBA30);
background: linear-gradient(135deg, #3F30BA, #ABBA30);

각 색상 탐색

#3F30BA

색상 전체 정보 보기

#ABBA30

색상 전체 정보 보기

관련 비교