Cor nomeada mais próxima · #43152D
#43152D
Cor nomeada mais próxima: Blackberry
#43152D (rgb(67 21 45), hsl(329 52% 17%), oklch(0.278 0.077 350.9)) é mais próxima da cor nomeada Blackberry. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#43152D
oklch(0.278 0.077 350.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 552A3F
- 683F52
- 7A5565
- 8C6C7A
- 9F838F
- B29AA4
- C5B3BA
- D8CCD1
- EBE5E8
Sombras
- 391126
- 2F0C1F
- 260818
- 1D0511
- 14030B
- 0C0206
- 050102
- 010001
- 000000
Tons
- 4A2035
- 502A3C
- 573544
- 5D3F4D
- 634A55
- 69545D
- 6F5F66
- 756A6E
- 7B7577
Harmonias de cor
Complementar +180°
- 43152D
Blackberry
- 003125
≈ Dark Jungle
Análoga -30° +30°
- 43152D
Blackberry
- 39193F
≈ Blackcurrant
- 471517
≈ English Breakfast
Tríade +120° +240°
- 43152D
Blackberry
- 2A2B00
≈ Secret Passage
- 002D3F
≈ Murky Depths
Complementar dividida +150° +210°
- 43152D
Blackberry
- 0E3108
≈ Haunted Hills
- 002F32
≈ Roof Tile Green
Tétrade +90° +180° +270°
- 43152D
Blackberry
- 372500
≈ Black Swan
- 003125
≈ Dark Jungle
- 11274E
≈ Dark Tyrian Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 15.17:1 · APCA Lc 102
Ag
FailSobre preto
WCAG 1.38:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 15.17:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
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);
}