Nazwany kolor · #F8E4C2
Tea Light
Tea Light to #F8E4C2: rgb(248 228 194), hsl(38 79% 87%), oklch(0.926 0.05 81). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tea Light color name →
#F8E4C2
oklch(0.926 0.05 81)
Konwersje koloru
- HEX
- #f8e4c2
- RGB
- rgb(248 228 194)
- HSL
- hsl(38 79% 87%)
- HWB
- hwb(38 76% 3%)
- OKLCH
- oklch(0.926 0.05 81)
- OKLab
- oklab(0.926 0.008 0.049)
- CIE Lab
- lab(91.58 3.21 19.27)
- LCH
- lch(91.58 19.54 80.5)
- CMYK
- cmyk(0% 8% 22% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9E7C8
- F9E9CE
- FAECD4
- FBEFDB
- FCF2E1
- FCF4E7
- FDF7ED
- FEFAF3
- FEFCF9
Odcienie ciemniejsze
- D8C6A8
- B8A98F
- 9A8D77
- 7C7260
- 605849
- 453F34
- 2C2820
- 15120E
- 030302
Tony
- EBDABB
- DFCFB5
- D3C5AE
- C6BBA7
- BAB1A1
- AEA79A
- A39D94
- 97938D
- 8B8A87
Harmonie kolorów
Komplementarna +180°
- F8E4C2
Tea Light
- DAE8FF
≈ Veiling Waterfalls
Analogowa -30° +30°
- F8E4C2
Tea Light
- FFDFCE
≈ Toronja
- E7EAC5
≈ Green Essence
Triada +120° +240°
- F8E4C2
Tea Light
- C1F1F4
≈ Icy Breeze
- F7DCFB
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F8E4C2
Tea Light
- CAEDFF
≈ Blue Hijab
- E6E3FF
≈ Lavender Mist
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.86:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--tea-light: #f8e4c2;
--tea-light-rgb: 248 228 194;
--tea-light-oklch: oklch(0.926 0.05 81);
}
.element {
color: var(--tea-light);
background-color: hsl(38 79% 87%);
border-color: oklch(0.926 0.05 81);
}Tailwind CSS v4
@theme {
--color-tea-light: #f8e4c2;
--color-tea-light-50: #fcf4e6;
--color-tea-light-100: #f0e7d6;
--color-tea-light-200: #dfd3bd;
--color-tea-light-300: #c4b69b;
--color-tea-light-400: #ae9c7e;
--color-tea-light-500: #978360;
--color-tea-light-600: #806f52;
--color-tea-light-700: #665941;
--color-tea-light-800: #4c412f;
--color-tea-light-900: #352c20;
--color-tea-light-950: #201a0f;
}SCSS
$tea-light: #f8e4c2;
$tea-light-rgb: 248, 228, 194;
$tea-light-light: mix(#fff, $tea-light, 20%);
$tea-light-dark: mix(#000, $tea-light, 20%);
.element {
color: $tea-light;
box-shadow: 0 0 0 2px rgba($tea-light, 0.35);
}