Nazwany kolor · #FCE883
Sandworm
Sandworm to #FCE883: rgb(252 232 131), hsl(50 95% 75%), oklch(0.926 0.124 98.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sandworm color name →
#FCE883
oklch(0.926 0.124 98.4)
Konwersje koloru
- HEX
- #fce883
- RGB
- rgb(252 232 131)
- HSL
- hsl(50 95% 75%)
- HWB
- hwb(50 51% 1%)
- OKLCH
- oklch(0.926 0.124 98.4)
- OKLab
- oklab(0.926 -0.018 0.122)
- CIE Lab
- lab(92.08 -2.44 51.31)
- LCH
- lch(92.08 51.37 92.7)
- CMYK
- cmyk(0% 8% 48% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCEB91
- FCED9F
- FDEFAC
- FDF2B8
- FDF4C5
- FEF6D1
- FEF9DD
- FEFBE8
- FFFDF4
Odcienie ciemniejsze
- DBCA71
- BBAC60
- 9C904F
- 7E743F
- 62592F
- 474020
- 2D2912
- 161306
- 030301
Tony
- EFDD84
- E2D385
- D5C886
- C8BE86
- BCB386
- B0A985
- A39E84
- 979483
- 8C8A82
Harmonie kolorów
Komplementarna +180°
- FCE883
Sandworm
- E1E5FF
≈ Lavender Mist
Analogowa -30° +30°
- FCE883
Sandworm
- FFE1C1
≈ Odious Orange
- CEF79C
≈ Menthol
Triada +120° +240°
- FCE883
Sandworm
- BFF0FF
≈ Ice Effect
- FFDAF3
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- FCE883
Sandworm
- D4EAFF
≈ Veiling Waterfalls
- EFDFFF
≈ Lavender Savour
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 17.00:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 17.00:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--sandworm: #fce883;
--sandworm-rgb: 252 232 131;
--sandworm-oklch: oklch(0.926 0.124 98.4);
}
.element {
color: var(--sandworm);
background-color: hsl(50 95% 75%);
border-color: oklch(0.926 0.124 98.4);
}Tailwind CSS v4
@theme {
--color-sandworm: #fce883;
--color-sandworm-50: #fdf7ce;
--color-sandworm-100: #f1eaba;
--color-sandworm-200: #e0d699;
--color-sandworm-300: #c6b96c;
--color-sandworm-400: #b19f3f;
--color-sandworm-500: #9c8600;
--color-sandworm-600: #847100;
--color-sandworm-700: #695b00;
--color-sandworm-800: #4f4200;
--color-sandworm-900: #372d00;
--color-sandworm-950: #221a00;
}SCSS
$sandworm: #fce883;
$sandworm-rgb: 252, 232, 131;
$sandworm-light: mix(#fff, $sandworm, 20%);
$sandworm-dark: mix(#000, $sandworm, 20%);
.element {
color: $sandworm;
box-shadow: 0 0 0 2px rgba($sandworm, 0.35);
}