이름 색상 · #FFF6B9
Glowlight
Glowlight은(는) #FFF6B9: rgb(255 246 185), hsl(52 100% 86%), oklch(0.966 0.078 100.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Glowlight color name →
#FFF6B9
oklch(0.966 0.078 100.7)
색상 변환
- HEX
- #fff6b9
- RGB
- rgb(255 246 185)
- HSL
- hsl(52 100% 86%)
- HWB
- hwb(52 73% 0%)
- OKLCH
- oklch(0.966 0.078 100.7)
- OKLab
- oklab(0.966 -0.014 0.077)
- CIE Lab
- lab(96.52 -3.62 30.61)
- LCH
- lch(96.52 30.82 96.7)
- CMYK
- cmyk(0% 4% 27% 0%)
틴트 · 셰이드 · 톤
틴트
- FFF7C0
- FFF8C8
- FFF9CF
- FFFAD6
- FFFBDD
- FFFCE4
- FFFDEB
- FFFDF2
- FFFEF8
셰이드
- DED6A0
- BEB789
- 9E9871
- 807B5B
- 635F46
- 484531
- 2E2C1E
- 16150D
- 030302
톤
- F2EAB3
- E4DDAE
- D7D1A8
- CAC5A3
- BDB99D
- B1AE97
- A4A292
- 98978C
- 8C8B86
색 조화
보색 +180°
- FFF6B9
Glowlight
- F1F3FF
≈ Cloud Break
유사색 -30° +30°
- FFF6B9
Glowlight
- FFF1E2
≈ Sugar Glaze
- E2FFC9
≈ Herbal Vapours
삼각 배색 +120° +240°
- FFF6B9
Glowlight
- E3F8FF
≈ Clear Skies
- FFEEF8
≈ Partial Pink
분열 보색 +150° +210°
- FFF6B9
Glowlight
- ECF5FF
≈ Placebo Blue
- F8F0FF
≈ Cloud Break
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.09:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.13:1 · APCA Lc 101
가장 좋은 글자색: #000000
WCAG 19.13:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--glowlight: #fff6b9;
--glowlight-rgb: 255 246 185;
--glowlight-oklch: oklch(0.966 0.078 100.7);
}
.element {
color: var(--glowlight);
background-color: hsl(52 100% 86%);
border-color: oklch(0.966 0.078 100.7);
}Tailwind CSS v4
@theme {
--color-glowlight: #fff6b9;
--color-glowlight-50: #f9f7dd;
--color-glowlight-100: #ece9cc;
--color-glowlight-200: #dad6b0;
--color-glowlight-300: #beba8b;
--color-glowlight-400: #a8a069;
--color-glowlight-500: #928847;
--color-glowlight-600: #7b733d;
--color-glowlight-700: #635c31;
--color-glowlight-800: #494322;
--color-glowlight-900: #332e16;
--color-glowlight-950: #1e1b07;
}SCSS
$glowlight: #fff6b9;
$glowlight-rgb: 255, 246, 185;
$glowlight-light: mix(#fff, $glowlight, 20%);
$glowlight-dark: mix(#000, $glowlight, 20%);
.element {
color: $glowlight;
box-shadow: 0 0 0 2px rgba($glowlight, 0.35);
}