Couleur nommée la plus proche · #43152D
#43152D
Couleur nommée la plus proche: Blackberry
#43152D (rgb(67 21 45), hsl(329 52% 17%), oklch(0.278 0.077 350.9)) est la plus proche de la couleur nommée Blackberry. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#43152D
oklch(0.278 0.077 350.9)
Conversions de couleur
- HEX
- #43152d
- RGB
- rgb(67 21 45)
- HSL
- hsl(329 52% 17%)
- HWB
- hwb(329 8% 74%)
- OKLCH
- oklch(0.278 0.077 350.9)
- OKLab
- oklab(0.278 0.076 -0.012)
- CIE Lab
- lab(15.2 24.71 -4.33)
- LCH
- lch(15.2 25.09 350.1)
- CMYK
- cmyk(0% 69% 33% 74%)
Teintes · Ombres · Tons
Teintes
- 552A3F
- 683F52
- 7A5565
- 8C6C7A
- 9F838F
- B29AA4
- C5B3BA
- D8CCD1
- EBE5E8
Ombres
- 391126
- 2F0C1F
- 260818
- 1D0511
- 14030B
- 0C0206
- 050102
- 010001
- 000000
Tons
- 4A2035
- 502A3C
- 573544
- 5D3F4D
- 634A55
- 69545D
- 6F5F66
- 756A6E
- 7B7577
Harmonies de couleurs
Complémentaire +180°
- 43152D
Blackberry
- 003125
≈ Dark Jungle
Analogue -30° +30°
- 43152D
Blackberry
- 39193F
≈ Blackcurrant
- 471517
≈ English Breakfast
Triadique +120° +240°
- 43152D
Blackberry
- 2A2B00
≈ Secret Passage
- 002D3F
≈ Murky Depths
Complémentaire divisée +150° +210°
- 43152D
Blackberry
- 0E3108
≈ Haunted Hills
- 002F32
≈ Roof Tile Green
Tétradique +90° +180° +270°
- 43152D
Blackberry
- 372500
≈ Black Swan
- 003125
≈ Dark Jungle
- 11274E
≈ Dark Tyrian Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.17:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.38:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.17:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--blackberry: #43152d;
--blackberry-rgb: 67 21 45;
--blackberry-oklch: oklch(0.278 0.077 350.9);
}
.element {
color: var(--blackberry);
background-color: hsl(329 52% 17%);
border-color: oklch(0.278 0.077 350.9);
}Tailwind CSS v4
@theme {
--color-blackberry: #43152d;
--color-blackberry-50: #ffedf7;
--color-blackberry-100: #fedeea;
--color-blackberry-200: #f0c7d7;
--color-blackberry-300: #d8a8bb;
--color-blackberry-400: #c28ca4;
--color-blackberry-500: #ae718c;
--color-blackberry-600: #936077;
--color-blackberry-700: #764c5f;
--color-blackberry-800: #573747;
--color-blackberry-900: #3d2631;
--color-blackberry-950: #26141d;
}SCSS
$blackberry: #43152d;
$blackberry-rgb: 67, 21, 45;
$blackberry-light: mix(#fff, $blackberry, 20%);
$blackberry-dark: mix(#000, $blackberry, 20%);
.element {
color: $blackberry;
box-shadow: 0 0 0 2px rgba($blackberry, 0.35);
}