Cor nomeada · #694D27
Black Queen
Black Queen é #694D27: rgb(105 77 39), hsl(35 46% 28%), oklch(0.442 0.066 73.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Black Queen color name →
#694D27
oklch(0.442 0.066 73.1)
Conversões de cor
- HEX
- #694d27
- RGB
- rgb(105 77 39)
- HSL
- hsl(35 46% 28%)
- HWB
- hwb(35 15% 59%)
- OKLCH
- oklch(0.442 0.066 73.1)
- OKLab
- oklab(0.442 0.019 0.063)
- CIE Lab
- lab(35.18 8.78 27.02)
- LCH
- lch(35.18 28.41 72)
- CMYK
- cmyk(0% 27% 63% 59%)
Tons claros · Sombras · Tons
Tons claros
- 775D3C
- 866E50
- 947F65
- A39079
- B2A28F
- C1B4A4
- D0C6BA
- E0D9D1
- EFECE8
Sombras
- 5A4220
- 4C371A
- 3E2C14
- 31220E
- 241808
- 180F04
- 0C0702
- 040201
- 000000
Tons
- 6B5231
- 6E573A
- 705C43
- 73614C
- 756755
- 776C5D
- 7A7166
- 7C766F
- 7E7B77
Harmonias de cor
Complementar +180°
- 694D27
Black Queen
- 385577
≈ Star Spangled
Análoga -30° +30°
- 694D27
Black Queen
- 724735
≈ Santana Soul
- 5A5427
≈ Tucumán Green
Tríade +120° +240°
- 694D27
Black Queen
- 1B5E5D
≈ Emerald Pool
- 60486D
≈ Your Majesty
Complementar dividida +150° +210°
- 694D27
Black Queen
- 225B6D
≈ Legion Blue
- 4E4E76
≈ Skipper Blue
Tétrade +90° +180° +270°
- 694D27
Black Queen
- 2D5E48
≈ Wine Leaf
- 385577
≈ Star Spangled
- 6C445C
≈ Prune Purple
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.80:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.69:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--black-queen: #694d27;
--black-queen-rgb: 105 77 39;
--black-queen-oklch: oklch(0.442 0.066 73.1);
}
.element {
color: var(--black-queen);
background-color: hsl(35 46% 28%);
border-color: oklch(0.442 0.066 73.1);
}Tailwind CSS v4
@theme {
--color-black-queen: #694d27;
--color-black-queen-50: #fff3e1;
--color-black-queen-100: #f5e5d0;
--color-black-queen-200: #e5d1b6;
--color-black-queen-300: #ccb392;
--color-black-queen-400: #b69973;
--color-black-queen-500: #a18054;
--color-black-queen-600: #886c48;
--color-black-queen-700: #6d5639;
--color-black-queen-800: #513f29;
--color-black-queen-900: #382b1b;
--color-black-queen-950: #23180c;
}SCSS
$black-queen: #694d27;
$black-queen-rgb: 105, 77, 39;
$black-queen-light: mix(#fff, $black-queen, 20%);
$black-queen-dark: mix(#000, $black-queen, 20%);
.element {
color: $black-queen;
box-shadow: 0 0 0 2px rgba($black-queen, 0.35);
}