#5F83F2
#5F83F2
#F2CE5F
#F2CE5F
색상 값
| 형식 | #5F83F2 | #F2CE5F |
|---|---|---|
| HEX | #5F83F2 | #F2CE5F |
| RGB | 95, 131, 242 | 242, 206, 95 |
| HSL | 225.3, 85.0%, 66.1% | 45.3, 85.0%, 66.1% |
| HSV | 225.3, 60.7%, 94.9% | 45.3, 60.7%, 94.9% |
| CMYK | 60.7%, 45.9%, 0.0%, 5.1% | 0.0%, 14.9%, 60.7%, 5.1% |
| OKLCH | 0.638 0.1706 267.8 | 0.8613 0.1351 91.3 |
대비 및 접근성
2.29:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
텍스트 가독성
다람쥐 헌 쳇바퀴에 타고파
텍스트: #F2CE5F → 배경색: #5F83F2
다람쥐 헌 쳇바퀴에 타고파
텍스트: #5F83F2 → 배경색: #F2CE5F
색상 차이 (Delta E)
123.04
Very Different
0 — 동일
5 — 유사
25 — 눈에 띄는 차이
100 — 매우 다름
그라디언트
색상 혼합
CSS 그라디언트 코드
background: linear-gradient(to right, #5F83F2, #F2CE5F);
background: linear-gradient(135deg, #5F83F2, #F2CE5F);