Adlandırılmış renk · #E5CC69
Sulphur Pit
Sulphur Pit, #E5CC69: rgb(229 204 105), hsl(48 70% 65%), oklch(0.846 0.123 95.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Sulphur Pit color name →
#E5CC69
oklch(0.846 0.123 95.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8D17A
- EAD78B
- EDDC9A
- EFE1A9
- F2E6B8
- F4EBC6
- F7F0D5
- FAF5E3
- FCFAF1
Koyu tonlar
- C7B15A
- AA974C
- 8E7E3E
- 726531
- 584E24
- 3F3718
- 28220C
- 120F04
- 030200
Gri tonlar
- DAC46E
- D0BD71
- C6B575
- BBAD77
- B1A67A
- A79E7C
- 9D977D
- 938F7E
- 8A887F
Renk uyumları
Tamamlayıcı +180°
- E5CC69
Sulphur Pit
- BEC9FF
≈ Light Periwinkle
Analog -30° +30°
- E5CC69
Sulphur Pit
- FFBE7C
≈ Buff Orange
- BADB80
≈ Pancotto Pugliese
Üçlü +120° +240°
- E5CC69
Sulphur Pit
- 5AE1FF
≈ Ionized-Air Glow
- FFAEEC
≈ Pink Apotheosis
Bölünmüş tamamlayıcı +150° +210°
- E5CC69
Sulphur Pit
- A0D3FF
≈ Baby Blue
- DBBDFF
≈ Lavender Fragrance
Dörtlü +90° +180° +270°
- E5CC69
Sulphur Pit
- 5AE6D8
≈ Near Moon
- BEC9FF
≈ Light Periwinkle
- FFB5C4
≈ Cherry Blossom Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.17:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}