이름 색상 · #FFFEDF
Sheer Sunlight
Sheer Sunlight은(는) #FFFEDF: rgb(255 254 223), hsl(58 100% 94%), oklch(0.99 0.04 105.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sheer Sunlight color name →
#FFFEDF
oklch(0.99 0.04 105.6)
색상 변환
- HEX
- #fffedf
- RGB
- rgb(255 254 223)
- HSL
- hsl(58 100% 94%)
- HWB
- hwb(58 87% 0%)
- OKLCH
- oklch(0.99 0.04 105.6)
- OKLab
- oklab(0.99 -0.011 0.039)
- CIE Lab
- lab(99.13 -3.44 15.02)
- LCH
- lch(99.13 15.41 102.9)
- CMYK
- cmyk(0% 0% 13% 0%)
틴트 · 셰이드 · 톤
틴트
- FFFEE2
- FFFEE6
- FFFEE9
- FFFEEC
- FFFFEF
- FFFFF2
- FFFFF6
- FFFFF9
- FFFFFC
셰이드
- DEDDC2
- BEBDA5
- 9E9E8A
- 80806F
- 636356
- 48473D
- 2E2D27
- 161612
- 030302
톤
- F2F1D5
- E4E4CB
- D7D7C2
- CACAB8
- BDBDAE
- B1B1A5
- A4A49C
- 989892
- 8C8C89
색 조화
보색 +180°
- FFFEDF
Sheer Sunlight
- FBFBFF
≈ Wash Me
유사색 -30° +30°
- FFFEDF
Sheer Sunlight
- FFFBF6
≈ Eyeball
- F6FFF2
≈ Pearl Powder
삼각 배색 +120° +240°
- FFFEDF
Sheer Sunlight
- F7FDFF
≈ Deutzia White
- FFFAFD
≈ Snowman
분열 보색 +150° +210°
- FFFEDF
Sheer Sunlight
- FAFCFF
≈ Wash Me
- FEFAFF
≈ Snowman
사각 배색 +90° +180° +270°
- FFFEDF
Sheer Sunlight
- F1FFFF
≈ Vapour
- FBFBFF
≈ Wash Me
- FFFAFA
≈ Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.02:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 20.49:1 · APCA Lc 106
가장 좋은 글자색: #000000
WCAG 20.49:1 (AAA) · APCA Lc 106
Contrast pairs
코드 스니펫
CSS
:root {
--sheer-sunlight: #fffedf;
--sheer-sunlight-rgb: 255 254 223;
--sheer-sunlight-oklch: oklch(0.99 0.04 105.6);
}
.element {
color: var(--sheer-sunlight);
background-color: hsl(58 100% 94%);
border-color: oklch(0.99 0.04 105.6);
}Tailwind CSS v4
@theme {
--color-sheer-sunlight: #fffedf;
--color-sheer-sunlight-50: #f6f6e9;
--color-sheer-sunlight-100: #e9e9da;
--color-sheer-sunlight-200: #d6d6c2;
--color-sheer-sunlight-300: #b9b9a2;
--color-sheer-sunlight-400: #a1a085;
--color-sheer-sunlight-500: #898869;
--color-sheer-sunlight-600: #747359;
--color-sheer-sunlight-700: #5d5c47;
--color-sheer-sunlight-800: #454333;
--color-sheer-sunlight-900: #2f2e23;
--color-sheer-sunlight-950: #1c1b12;
}SCSS
$sheer-sunlight: #fffedf;
$sheer-sunlight-rgb: 255, 254, 223;
$sheer-sunlight-light: mix(#fff, $sheer-sunlight, 20%);
$sheer-sunlight-dark: mix(#000, $sheer-sunlight, 20%);
.element {
color: $sheer-sunlight;
box-shadow: 0 0 0 2px rgba($sheer-sunlight, 0.35);
}