이름 색상 · #FFF2A0
Sun Surprise
Sun Surprise은(는) #FFF2A0: rgb(255 242 160), hsl(52 100% 81%), oklch(0.953 0.103 100.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sun Surprise color name →
#FFF2A0
oklch(0.953 0.103 100.3)
색상 변환
- HEX
- #fff2a0
- RGB
- rgb(255 242 160)
- HSL
- hsl(52 100% 81%)
- HWB
- hwb(52 63% 0%)
- OKLCH
- oklch(0.953 0.103 100.3)
- OKLab
- oklab(0.953 -0.018 0.101)
- CIE Lab
- lab(95.18 -3.9 41.24)
- LCH
- lch(95.18 41.43 95.4)
- CMYK
- cmyk(0% 5% 37% 0%)
틴트 · 셰이드 · 톤
틴트
- FFF3AA
- FFF5B5
- FFF6BE
- FFF8C8
- FFF9D1
- FFFADB
- FFFCE4
- FFFDED
- FFFEF6
셰이드
- DED28B
- BEB476
- 9E9661
- 80794E
- 635E3B
- 484329
- 2E2B19
- 161409
- 030301
톤
- F2E69E
- E4DA9B
- D7CF98
- CAC395
- BDB892
- B1AC8F
- A4A18B
- 989688
- 8C8B84
색 조화
보색 +180°
- FFF2A0
Sun Surprise
- ECEEFF
≈ Carte Blanche
유사색 -30° +30°
- FFF2A0
Sun Surprise
- FFECD7
≈ Crushed Cashew
- D8FEB5
≈ Greedy Green
삼각 배색 +120° +240°
- FFF2A0
Sun Surprise
- D9F5FF
≈ Glacial Day
- FFE8F6
≈ Dolomite Crystal
분열 보색 +150° +210°
- FFF2A0
Sun Surprise
- E4F1FF
≈ Cotton Boll
- F6EAFF
≈ Placebo Fuchsia
사각 배색 +90° +180° +270°
- FFF2A0
Sun Surprise
- BAFFFA
≈ Winter Meadow
- ECEEFF
≈ Carte Blanche
- FFE9EC
≈ Pink Sparkle
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.13:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.46:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--sun-surprise: #fff2a0;
--sun-surprise-rgb: 255 242 160;
--sun-surprise-oklch: oklch(0.953 0.103 100.3);
}
.element {
color: var(--sun-surprise);
background-color: hsl(52 100% 81%);
border-color: oklch(0.953 0.103 100.3);
}Tailwind CSS v4
@theme {
--color-sun-surprise: #fff2a0;
--color-sun-surprise-50: #faf7d5;
--color-sun-surprise-100: #eeeac3;
--color-sun-surprise-200: #dcd7a4;
--color-sun-surprise-300: #c1ba7c;
--color-sun-surprise-400: #aca055;
--color-sun-surprise-500: #968729;
--color-sun-surprise-600: #7f7325;
--color-sun-surprise-700: #655c1d;
--color-sun-surprise-800: #4c4312;
--color-sun-surprise-900: #352e0b;
--color-sun-surprise-950: #201b01;
}SCSS
$sun-surprise: #fff2a0;
$sun-surprise-rgb: 255, 242, 160;
$sun-surprise-light: mix(#fff, $sun-surprise, 20%);
$sun-surprise-dark: mix(#000, $sun-surprise, 20%);
.element {
color: $sun-surprise;
box-shadow: 0 0 0 2px rgba($sun-surprise, 0.35);
}