Najbliższy nazwany kolor · #301C2B
#301C2B
Najbliższy nazwany kolor: Black Cherry
#301C2B (rgb(48 28 43), hsl(315 26% 15%), oklch(0.259 0.04 336.3)) jest najbliższy nazwanemu kolorowi Black Cherry. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#301C2B
oklch(0.259 0.04 336.3)
Konwersje koloru
- HEX
- #301c2b
- RGB
- rgb(48 28 43)
- HSL
- hsl(315 26% 15%)
- HWB
- hwb(315 11% 81%)
- OKLCH
- oklch(0.259 0.04 336.3)
- OKLab
- oklab(0.259 0.037 -0.016)
- CIE Lab
- lab(13.45 12.28 -5.91)
- LCH
- lch(13.45 13.63 334.3)
- CMYK
- cmyk(0% 42% 10% 81%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 422F3D
- 554350
- 695864
- 7D6E78
- 91858E
- A69CA3
- BCB4B9
- D2CCD0
- E8E5E7
Odcienie ciemniejsze
- 281724
- 21121D
- 1A0D16
- 130810
- 0C050A
- 060205
- 030102
- 010001
- 000000
Tony
- 382533
- 3F2E3B
- 473843
- 4F424B
- 574C54
- 5F565C
- 676065
- 6F6B6E
- 787577
Harmonie kolorów
Komplementarna +180°
- 301C2B
Black Cherry
- 122A1C
≈ Kuro Green
Analogowa -30° +30°
- 301C2B
Black Cherry
- 291E33
≈ Bleached Cedar
- 341B21
≈ Black Kite
Triada +120° +240°
- 301C2B
Black Cherry
- 29240B
≈ Black Mesa
- 072830
≈ Black Box
Komplementarna rozszczepiona +150° +210°
- 301C2B
Black Cherry
- 1F2711
≈ Deep Slate Olive
- 062A27
≈ Swamp Thing
Tetrada +90° +180° +270°
- 301C2B
Black Cherry
- 31200D
≈ Coffee Grounds
- 122A1C
≈ Kuro Green
- 122536
≈ Celestial Canvas
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.82:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.32:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.82:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--black-cherry: #301c2b;
--black-cherry-rgb: 48 28 43;
--black-cherry-oklch: oklch(0.259 0.04 336.3);
}
.element {
color: var(--black-cherry);
background-color: hsl(315 26% 15%);
border-color: oklch(0.259 0.04 336.3);
}Tailwind CSS v4
@theme {
--color-black-cherry: #301c2b;
--color-black-cherry-50: #fdf1f9;
--color-black-cherry-100: #f1e3ec;
--color-black-cherry-200: #e0ceda;
--color-black-cherry-300: #c6b0be;
--color-black-cherry-400: #af96a7;
--color-black-cherry-500: #987c90;
--color-black-cherry-600: #81697a;
--color-black-cherry-700: #675462;
--color-black-cherry-800: #4b3d48;
--color-black-cherry-900: #342a32;
--color-black-cherry-950: #20181e;
}SCSS
$black-cherry: #301c2b;
$black-cherry-rgb: 48, 28, 43;
$black-cherry-light: mix(#fff, $black-cherry, 20%);
$black-cherry-dark: mix(#000, $black-cherry, 20%);
.element {
color: $black-cherry;
box-shadow: 0 0 0 2px rgba($black-cherry, 0.35);
}