Cor nomeada mais próxima · #191627
#191627
Cor nomeada mais próxima: Corbeau
#191627 (rgb(25 22 39), hsl(251 28% 12%), oklch(0.213 0.033 291.4)) é mais próxima da cor nomeada Corbeau. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#191627
oklch(0.213 0.033 291.4)
Conversões de cor
- HEX
- #191627
- RGB
- rgb(25 22 39)
- HSL
- hsl(251 28% 12%)
- HWB
- hwb(251 9% 85%)
- OKLCH
- oklch(0.213 0.033 291.4)
- OKLab
- oklab(0.213 0.012 -0.031)
- CIE Lab
- lab(8.26 5.31 -11.23)
- LCH
- lch(8.26 12.43 295.3)
- CMYK
- cmyk(36% 44% 0% 85%)
Tons claros · Sombras · Tons
Tons claros
- 2C293A
- 403D4D
- 555361
- 6B6976
- 82808C
- 9A98A2
- B2B1B8
- CBCBCF
- E5E4E7
Sombras
- 141220
- 100D1A
- 0B0914
- 07060E
- 040308
- 020204
- 010102
- 000001
- 000000
Tons
- 221F2F
- 2B2938
- 353340
- 3F3D49
- 494852
- 54535B
- 5E5E64
- 69696D
- 757477
Harmonias de cor
Complementar +180°
- 191627
Corbeau
- 191A07
≈ Noir Mystique
Análoga -30° +30°
- 191627
Corbeau
- 101928
≈ Sambucus
- 201422
≈ Inside
Tríade +120° +240°
- 191627
Corbeau
- 25140A
≈ Severely Burnt Toast
- 061E17
≈ Stellar Explorer
Complementar dividida +150° +210°
- 191627
Corbeau
- 211706
≈ Noir Mystique
- 101D0E
≈ Nightmare
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 17.71:1 · APCA Lc 104
Ag
FailSobre preto
WCAG 1.18:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 17.71:1 (AAA) · APCA Lc 104
Contrast pairs
Trechos de código
CSS
:root {
--corbeau: #191627;
--corbeau-rgb: 25 22 39;
--corbeau-oklch: oklch(0.213 0.033 291.4);
}
.element {
color: var(--corbeau);
background-color: hsl(251 28% 12%);
border-color: oklch(0.213 0.033 291.4);
}Tailwind CSS v4
@theme {
--color-corbeau: #191627;
--color-corbeau-50: #f5f4fe;
--color-corbeau-100: #e8e6f2;
--color-corbeau-200: #d4d2e2;
--color-corbeau-300: #b8b5c7;
--color-corbeau-400: #9e9bb1;
--color-corbeau-500: #86839b;
--color-corbeau-600: #716f83;
--color-corbeau-700: #5b5869;
--color-corbeau-800: #42414d;
--color-corbeau-900: #2d2d36;
--color-corbeau-950: #1a1a21;
}SCSS
$corbeau: #191627;
$corbeau-rgb: 25, 22, 39;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}