Couleur nommée · #E5CC69
Sulphur Pit
Sulphur Pit correspond à #E5CC69 : rgb(229 204 105), hsl(48 70% 65%), oklch(0.846 0.123 95.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Sulphur Pit color name →
#E5CC69
oklch(0.846 0.123 95.4)
Conversions de couleur
- HEX
- #e5cc69
- RGB
- rgb(229 204 105)
- HSL
- hsl(48 70% 65%)
- HWB
- hwb(48 41% 10%)
- OKLCH
- oklch(0.846 0.123 95.4)
- OKLab
- oklab(0.846 -0.012 0.122)
- CIE Lab
- lab(82.69 0.16 51.93)
- LCH
- lch(82.69 51.93 89.8)
- CMYK
- cmyk(0% 11% 54% 10%)
Teintes · Ombres · Tons
Teintes
- E8D17A
- EAD78B
- EDDC9A
- EFE1A9
- F2E6B8
- F4EBC6
- F7F0D5
- FAF5E3
- FCFAF1
Ombres
- C7B15A
- AA974C
- 8E7E3E
- 726531
- 584E24
- 3F3718
- 28220C
- 120F04
- 030200
Tons
- DAC46E
- D0BD71
- C6B575
- BBAD77
- B1A67A
- A79E7C
- 9D977D
- 938F7E
- 8A887F
Harmonies de couleurs
Complémentaire +180°
- E5CC69
Sulphur Pit
- BEC9FF
≈ Light Periwinkle
Analogue -30° +30°
- E5CC69
Sulphur Pit
- FFBE7C
≈ Buff Orange
- BADB80
≈ Pancotto Pugliese
Triadique +120° +240°
- E5CC69
Sulphur Pit
- 5AE1FF
≈ Ionized-Air Glow
- FFAEEC
≈ Pink Apotheosis
Complémentaire divisée +150° +210°
- E5CC69
Sulphur Pit
- A0D3FF
≈ Baby Blue
- DBBDFF
≈ Lavender Fragrance
Tétradique +90° +180° +270°
- E5CC69
Sulphur Pit
- 5AE6D8
≈ Near Moon
- BEC9FF
≈ Light Periwinkle
- FFB5C4
≈ Cherry Blossom Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.17:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--sulphur-pit: #e5cc69;
--sulphur-pit-rgb: 229 204 105;
--sulphur-pit-oklch: oklch(0.846 0.123 95.4);
}
.element {
color: var(--sulphur-pit);
background-color: hsl(48 70% 65%);
border-color: oklch(0.846 0.123 95.4);
}Tailwind CSS v4
@theme {
--color-sulphur-pit: #e5cc69;
--color-sulphur-pit-50: #fef6ce;
--color-sulphur-pit-100: #f3e9ba;
--color-sulphur-pit-200: #e2d599;
--color-sulphur-pit-300: #c8b86d;
--color-sulphur-pit-400: #b59e3f;
--color-sulphur-pit-500: #9f8400;
--color-sulphur-pit-600: #877000;
--color-sulphur-pit-700: #6c5a00;
--color-sulphur-pit-800: #514100;
--color-sulphur-pit-900: #382d00;
--color-sulphur-pit-950: #231900;
}SCSS
$sulphur-pit: #e5cc69;
$sulphur-pit-rgb: 229, 204, 105;
$sulphur-pit-light: mix(#fff, $sulphur-pit, 20%);
$sulphur-pit-dark: mix(#000, $sulphur-pit, 20%);
.element {
color: $sulphur-pit;
box-shadow: 0 0 0 2px rgba($sulphur-pit, 0.35);
}