Nazwany kolor · #F8D68B
№5
№5 to #F8D68B: rgb(248 214 139), hsl(41 89% 76%), oklch(0.888 0.101 86). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · №5 color name →
#F8D68B
oklch(0.888 0.101 86)
Konwersje koloru
- HEX
- #f8d68b
- RGB
- rgb(248 214 139)
- HSL
- hsl(41 89% 76%)
- HWB
- hwb(41 55% 3%)
- OKLCH
- oklch(0.888 0.101 86)
- OKLab
- oklab(0.888 0.007 0.101)
- CIE Lab
- lab(87.32 5.15 41.56)
- LCH
- lch(87.32 41.88 82.9)
- CMYK
- cmyk(0% 14% 44% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9DA98
- FADEA4
- FAE3B0
- FBE7BB
- FCEBC7
- FCEFD2
- FDF3DE
- FEF7E9
- FEFBF4
Odcienie ciemniejsze
- D8BA78
- B89E66
- 9A8454
- 7C6A43
- 605232
- 453B23
- 2C2514
- 151007
- 030201
Tony
- EBCD8B
- DFC48B
- D3BC8A
- C6B389
- BAAA88
- AEA287
- A39985
- 979184
- 8B8882
Harmonie kolorów
Komplementarna +180°
- F8D68B
№5
- CADAFF
≈ Icy Plains
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 14.98:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--no5: #f8d68b;
--no5-rgb: 248 214 139;
--no5-oklch: oklch(0.888 0.101 86);
}
.element {
color: var(--no5);
background-color: hsl(41 89% 76%);
border-color: oklch(0.888 0.101 86);
}Tailwind CSS v4
@theme {
--color-no5: #f8d68b;
--color-no5-50: #fff4d5;
--color-no5-100: #f6e7c2;
--color-no5-200: #e6d2a3;
--color-no5-300: #cdb57b;
--color-no5-400: #b99a55;
--color-no5-500: #a48129;
--color-no5-600: #8a6d25;
--color-no5-700: #6f571d;
--color-no5-800: #533f13;
--color-no5-900: #3a2b0c;
--color-no5-950: #241901;
}SCSS
$no5: #f8d68b;
$no5-rgb: 248, 214, 139;
$no5-light: mix(#fff, $no5, 20%);
$no5-dark: mix(#000, $no5, 20%);
.element {
color: $no5;
box-shadow: 0 0 0 2px rgba($no5, 0.35);
}