Color con nombre · #433430
Bruno Brown
Bruno Brown es #433430: rgb(67 52 48), hsl(13 17% 23%), oklch(0.34 0.023 35.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Bruno Brown color name →
#433430
oklch(0.34 0.023 35.4)
Conversiones de color
- HEX
- #433430
- RGB
- rgb(67 52 48)
- HSL
- hsl(13 17% 23%)
- HWB
- hwb(13 19% 74%)
- OKLCH
- oklch(0.34 0.023 35.4)
- OKLab
- oklab(0.34 0.019 0.013)
- CIE Lab
- lab(23.3 6.41 5.23)
- LCH
- lch(23.3 8.27 39.2)
- CMYK
- cmyk(0% 22% 28% 74%)
Tintes · Sombras · Tonos
Tintes
- 544642
- 655855
- 776B68
- 897F7C
- 9C9390
- AFA8A6
- C3BDBB
- D6D2D1
- EBE9E8
Sombras
- 392C28
- 2F2421
- 261C1A
- 1D1513
- 140E0C
- 0C0706
- 050303
- 010101
- 000000
Tonos
- 493B37
- 4F423F
- 554A47
- 5B514F
- 615956
- 67605F
- 6D6867
- 73706F
- 7A7877
Armonías de color
Complementario +180°
- 433430
Bruno Brown
- 2B3B3F
≈ Tempest in a Teapot
Análogo -30° +30°
- 433430
Bruno Brown
- 433336
≈ Chocolate Torte
- 40362C
≈ Jacko Bean
Triádico +120° +240°
- 433430
Bruno Brown
- 2F3C33
≈ Sound of Silence
- 343744
≈ Sceptre Blue
Complementario dividido +150° +210°
- 433430
Bruno Brown
- 2B3C3A
≈ Scarab
- 2E3943
≈ Precision
Tetrádico +90° +180° +270°
- 433430
Bruno Brown
- 353A2D
≈ Matcha Ash
- 2B3B3F
≈ Tempest in a Teapot
- 3B3542
≈ Professor Plum
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.84:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.77:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.84:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--bruno-brown: #433430;
--bruno-brown-rgb: 67 52 48;
--bruno-brown-oklch: oklch(0.34 0.023 35.4);
}
.element {
color: var(--bruno-brown);
background-color: hsl(13 17% 23%);
border-color: oklch(0.34 0.023 35.4);
}Tailwind CSS v4
@theme {
--color-bruno-brown: #433430;
--color-bruno-brown-50: #fbf3f0;
--color-bruno-brown-100: #efe5e2;
--color-bruno-brown-200: #ded1cd;
--color-bruno-brown-300: #c3b4af;
--color-bruno-brown-400: #ab9a95;
--color-bruno-brown-500: #95817c;
--color-bruno-brown-600: #7e6d69;
--color-bruno-brown-700: #655754;
--color-bruno-brown-800: #4a403d;
--color-bruno-brown-900: #332c2a;
--color-bruno-brown-950: #1f1918;
}SCSS
$bruno-brown: #433430;
$bruno-brown-rgb: 67, 52, 48;
$bruno-brown-light: mix(#fff, $bruno-brown, 20%);
$bruno-brown-dark: mix(#000, $bruno-brown, 20%);
.element {
color: $bruno-brown;
box-shadow: 0 0 0 2px rgba($bruno-brown, 0.35);
}