Couleur nommée la plus proche · #301C2B
#301C2B
Couleur nommée la plus proche: Black Cherry
#301C2B (rgb(48 28 43), hsl(315 26% 15%), oklch(0.259 0.04 336.3)) est la plus proche de la couleur nommée Black Cherry. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#301C2B
oklch(0.259 0.04 336.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 422F3D
- 554350
- 695864
- 7D6E78
- 91858E
- A69CA3
- BCB4B9
- D2CCD0
- E8E5E7
Ombres
- 281724
- 21121D
- 1A0D16
- 130810
- 0C050A
- 060205
- 030102
- 010001
- 000000
Tons
- 382533
- 3F2E3B
- 473843
- 4F424B
- 574C54
- 5F565C
- 676065
- 6F6B6E
- 787577
Harmonies de couleurs
Complémentaire +180°
- 301C2B
Black Cherry
- 122A1C
≈ Kuro Green
Analogue -30° +30°
- 301C2B
Black Cherry
- 291E33
≈ Bleached Cedar
- 341B21
≈ Black Kite
Triadique +120° +240°
- 301C2B
Black Cherry
- 29240B
≈ Black Mesa
- 072830
≈ Black Box
Complémentaire divisée +150° +210°
- 301C2B
Black Cherry
- 1F2711
≈ Deep Slate Olive
- 062A27
≈ Swamp Thing
Tétradique +90° +180° +270°
- 301C2B
Black Cherry
- 31200D
≈ Coffee Grounds
- 122A1C
≈ Kuro Green
- 122536
≈ Celestial Canvas
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.82:1 · APCA Lc 103
Ag
FailSur noir
WCAG 1.32:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.82:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
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);
}