Nazwany kolor · #FED5A3
Sherbet Pop
Sherbet Pop to #FED5A3: rgb(254 213 163), hsl(33 98% 82%), oklch(0.896 0.079 72.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sherbet Pop color name →
#FED5A3
oklch(0.896 0.079 72.1)
Konwersje koloru
- HEX
- #fed5a3
- RGB
- rgb(254 213 163)
- HSL
- hsl(33 98% 82%)
- HWB
- hwb(33 64% 0%)
- OKLCH
- oklch(0.896 0.079 72.1)
- OKLab
- oklab(0.896 0.024 0.075)
- CIE Lab
- lab(87.96 9.86 30.41)
- LCH
- lch(87.96 31.97 72)
- CMYK
- cmyk(0% 16% 36% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FED9AD
- FFDEB6
- FFE2BF
- FFE6C8
- FFEAD2
- FFEEDB
- FFF3E4
- FFF7ED
- FFFBF6
Odcienie ciemniejsze
- DDB98D
- BD9E78
- 9E8363
- 806A4F
- 63513C
- 473A2A
- 2D2419
- 16100A
- 030201
Tony
- F1CCA0
- E4C49D
- D7BB99
- CAB296
- BDAA92
- B1A18F
- A4998B
- 989188
- 8C8884
Harmonie kolorów
Komplementarna +180°
- FED5A3
Sherbet Pop
- C5E0FF
≈ Arc Light
Analogowa -30° +30°
- FED5A3
Sherbet Pop
- FFD1C0
≈ Simply Delicious
- E7DFA2
≈ Marsh Mist
Triada +120° +240°
- FED5A3
Sherbet Pop
- 9DEEEA
≈ Freezy Breezy
- EDD0FF
≈ Rose Dragée
Komplementarna rozszczepiona +150° +210°
- FED5A3
Sherbet Pop
- A8E8FF
≈ Fresh Air
- D7D9FF
≈ Icy Plains
Tetrada +90° +180° +270°
- FED5A3
Sherbet Pop
- ADEECD
≈ Seafoam Splashes
- C5E0FF
≈ Arc Light
- FFCBEA
≈ Infra-White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.26:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--sherbet-pop: #fed5a3;
--sherbet-pop-rgb: 254 213 163;
--sherbet-pop-oklch: oklch(0.896 0.079 72.1);
}
.element {
color: var(--sherbet-pop);
background-color: hsl(33 98% 82%);
border-color: oklch(0.896 0.079 72.1);
}Tailwind CSS v4
@theme {
--color-sherbet-pop: #fed5a3;
--color-sherbet-pop-50: #fff2dd;
--color-sherbet-pop-100: #f8e5cb;
--color-sherbet-pop-200: #e9d0af;
--color-sherbet-pop-300: #d0b28b;
--color-sherbet-pop-400: #bc976a;
--color-sherbet-pop-500: #a77d48;
--color-sherbet-pop-600: #8d6a3e;
--color-sherbet-pop-700: #715531;
--color-sherbet-pop-800: #543d23;
--color-sherbet-pop-900: #3b2a17;
--color-sherbet-pop-950: #251808;
}SCSS
$sherbet-pop: #fed5a3;
$sherbet-pop-rgb: 254, 213, 163;
$sherbet-pop-light: mix(#fff, $sherbet-pop, 20%);
$sherbet-pop-dark: mix(#000, $sherbet-pop, 20%);
.element {
color: $sherbet-pop;
box-shadow: 0 0 0 2px rgba($sherbet-pop, 0.35);
}