Nazwany kolor · #FFFEDF
Sheer Sunlight
Sheer Sunlight to #FFFEDF: rgb(255 254 223), hsl(58 100% 94%), oklch(0.99 0.04 105.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sheer Sunlight color name →
#FFFEDF
oklch(0.99 0.04 105.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFFEE2
- FFFEE6
- FFFEE9
- FFFEEC
- FFFFEF
- FFFFF2
- FFFFF6
- FFFFF9
- FFFFFC
Odcienie ciemniejsze
- DEDDC2
- BEBDA5
- 9E9E8A
- 80806F
- 636356
- 48473D
- 2E2D27
- 161612
- 030302
Tony
- F2F1D5
- E4E4CB
- D7D7C2
- CACAB8
- BDBDAE
- B1B1A5
- A4A49C
- 989892
- 8C8C89
Harmonie kolorów
Komplementarna +180°
- FFFEDF
Sheer Sunlight
- FBFBFF
≈ Wash Me
Analogowa -30° +30°
- FFFEDF
Sheer Sunlight
- FFFBF6
≈ Eyeball
- F6FFF2
≈ Pearl Powder
Triada +120° +240°
- FFFEDF
Sheer Sunlight
- F7FDFF
≈ Deutzia White
- FFFAFD
≈ Snowman
Komplementarna rozszczepiona +150° +210°
- FFFEDF
Sheer Sunlight
- FAFCFF
≈ Wash Me
- FEFAFF
≈ Snowman
Tetrada +90° +180° +270°
- FFFEDF
Sheer Sunlight
- F1FFFF
≈ Vapour
- FBFBFF
≈ Wash Me
- FFFAFA
≈ Snow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.02:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 20.49:1 · APCA Lc 106
Najlepszy kolor tekstu: #000000
WCAG 20.49:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
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);
}