Nazwany kolor · #380835
Cured Eggplant
Cured Eggplant to #380835: rgb(56 8 53), hsl(304 75% 13%), oklch(0.246 0.095 330.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Cured Eggplant color name →
#380835
oklch(0.246 0.095 330.8)
Konwersje koloru
- HEX
- #380835
- RGB
- rgb(56 8 53)
- HSL
- hsl(304 75% 13%)
- HWB
- hwb(304 3% 78%)
- OKLCH
- oklch(0.246 0.095 330.8)
- OKLab
- oklab(0.246 0.083 -0.046)
- CIE Lab
- lab(11.06 27.85 -16.68)
- LCH
- lch(11.06 32.46 329.1)
- CMYK
- cmyk(0% 86% 5% 78%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B2047
- 5E375A
- 714D6D
- 856580
- 987D95
- AC96A9
- C1AFBE
- D5C9D3
- EAE4E9
Odcienie ciemniejsze
- 2F062D
- 270425
- 1F031D
- 170215
- 0F010E
- 080108
- 040003
- 010001
- 000000
Tony
- 40163C
- 472244
- 4F2D4B
- 563953
- 5D445A
- 645062
- 6B5C69
- 726871
- 797478
Harmonie kolorów
Komplementarna +180°
- 380835
Cured Eggplant
- 00290F
≈ Zia Olive
Analogowa -30° +30°
- 380835
Cured Eggplant
- 291046
≈ Oily Purple
- 41021E
≈ Blaze It Dark Magenta
Triada +120° +240°
- 380835
Cured Eggplant
- 2A1F00
≈ Liquorice Root
- 00262C
≈ Daintree
Komplementarna rozszczepiona +150° +210°
- 380835
Cured Eggplant
- 1D2500
≈ Liquorice Root
- 002722
≈ Deep Slate Green
Tetrada +90° +180° +270°
- 380835
Cured Eggplant
- 341900
≈ Powdered Cocoa
- 00290F
≈ Zia Olive
- 002339
≈ Midnight Dreams
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.74:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.25:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.74:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--cured-eggplant: #380835;
--cured-eggplant-rgb: 56 8 53;
--cured-eggplant-oklch: oklch(0.246 0.095 330.8);
}
.element {
color: var(--cured-eggplant);
background-color: hsl(304 75% 13%);
border-color: oklch(0.246 0.095 330.8);
}Tailwind CSS v4
@theme {
--color-cured-eggplant: #380835;
--color-cured-eggplant-50: #ffecff;
--color-cured-eggplant-100: #fcddf6;
--color-cured-eggplant-200: #eec6e6;
--color-cured-eggplant-300: #d5a6cd;
--color-cured-eggplant-400: #bf8ab9;
--color-cured-eggplant-500: #aa6ea3;
--color-cured-eggplant-600: #905d8a;
--color-cured-eggplant-700: #734b6f;
--color-cured-eggplant-800: #543653;
--color-cured-eggplant-900: #3b253a;
--color-cured-eggplant-950: #251324;
}SCSS
$cured-eggplant: #380835;
$cured-eggplant-rgb: 56, 8, 53;
$cured-eggplant-light: mix(#fff, $cured-eggplant, 20%);
$cured-eggplant-dark: mix(#000, $cured-eggplant, 20%);
.element {
color: $cured-eggplant;
box-shadow: 0 0 0 2px rgba($cured-eggplant, 0.35);
}