이름 색상 · #FFEE15
Pure Sunshine
Pure Sunshine은(는) #FFEE15: rgb(255 238 21), hsl(56 100% 54%), oklch(0.933 0.195 104.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Pure Sunshine color name →
#FFEE15
oklch(0.933 0.195 104.2)
색상 변환
- HEX
- #ffee15
- RGB
- rgb(255 238 21)
- HSL
- hsl(56 100% 54%)
- HWB
- hwb(56 8% 0%)
- OKLCH
- oklch(0.933 0.195 104.2)
- OKLab
- oklab(0.933 -0.048 0.189)
- CIE Lab
- lab(93.27 -7.84 88.68)
- LCH
- lch(93.27 89.02 95.1)
- CMYK
- cmyk(0% 7% 92% 0%)
틴트 · 셰이드 · 톤
틴트
- FFF04C
- FFF26A
- FEF482
- FEF697
- FEF8AB
- FEFABD
- FEFBCE
- FEFDDF
- FFFEEF
셰이드
- DECF11
- BEB10C
- 9E9308
- 807705
- 635C03
- 484202
- 2E2A01
- 161400
- 030300
톤
- F1E33A
- E4D84D
- D7CD5A
- CAC263
- BDB76B
- B0AC71
- A4A176
- 98967A
- 8C8B7E
색 조화
보색 +180°
- FFEE15
Pure Sunshine
- E6E7FF
≈ Cyber Lavender
유사색 -30° +30°
- FFEE15
Pure Sunshine
- FFE4C2
≈ Bisque
- BFFF96
≈ Apatite Crystal Green
삼각 배색 +120° +240°
- FFEE15
Pure Sunshine
- CBF0FF
≈ Heaven’s Gate
- FFDEF0
≈ So This Is Love
분열 보색 +150° +210°
- FFEE15
Pure Sunshine
- DBEBFF
≈ Hoarfrost
- F4E0FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- FFEE15
Pure Sunshine
- 8FFFFD
≈ Glitter Shower
- E6E7FF
≈ Cyber Lavender
- FFE0E2
≈ Sweet Mallow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.49:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.49:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--pure-sunshine: #ffee15;
--pure-sunshine-rgb: 255 238 21;
--pure-sunshine-oklch: oklch(0.933 0.195 104.2);
}
.element {
color: var(--pure-sunshine);
background-color: hsl(56 100% 54%);
border-color: oklch(0.933 0.195 104.2);
}Tailwind CSS v4
@theme {
--color-pure-sunshine: #ffee15;
--color-pure-sunshine-50: #fcfab8;
--color-pure-sunshine-100: #f0eda0;
--color-pure-sunshine-200: #dfda72;
--color-pure-sunshine-300: #c5bd29;
--color-pure-sunshine-400: #b3a200;
--color-pure-sunshine-500: #9e8800;
--color-pure-sunshine-600: #857300;
--color-pure-sunshine-700: #6b5c00;
--color-pure-sunshine-800: #514200;
--color-pure-sunshine-900: #382e00;
--color-pure-sunshine-950: #231a00;
}SCSS
$pure-sunshine: #ffee15;
$pure-sunshine-rgb: 255, 238, 21;
$pure-sunshine-light: mix(#fff, $pure-sunshine, 20%);
$pure-sunshine-dark: mix(#000, $pure-sunshine, 20%);
.element {
color: $pure-sunshine;
box-shadow: 0 0 0 2px rgba($pure-sunshine, 0.35);
}