Cor nomeada mais próxima · #004B4E
#004B4E
Cor nomeada mais próxima: Rich Black
#004B4E (rgb(0 75 78), hsl(182 100% 15%), oklch(0.375 0.064 199.4)) é mais próxima da cor nomeada Rich Black. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#004B4E
oklch(0.375 0.064 199.4)
Conversões de cor
- HEX
- #004b4e
- RGB
- rgb(0 75 78)
- HSL
- hsl(182 100% 15%)
- HWB
- hwb(182 0% 69%)
- OKLCH
- oklch(0.375 0.064 199.4)
- OKLab
- oklab(0.375 -0.06 -0.021)
- CIE Lab
- lab(28.13 -20.07 -7.96)
- LCH
- lch(28.13 21.59 201.6)
- CMYK
- cmyk(100% 4% 0% 69%)
Tons claros · Sombras · Tons
Tons claros
- 255B5E
- 3E6C6E
- 557E7F
- 6D8F90
- 84A1A2
- 9CB3B4
- B4C6C6
- CDD9D9
- E6ECEC
Sombras
- 004043
- 003538
- 002B2D
- 002123
- 001719
- 000E0F
- 000607
- 000202
- 000000
Tons
- 185053
- 275658
- 345B5D
- 3F6062
- 4A6567
- 556B6C
- 607071
- 6B7576
- 757B7B
Harmonias de cor
Complementar +180°
- 004B4E
Rich Black
- 5E3233
≈ Rampant Rhubarb
Análoga -30° +30°
- 004B4E
Rich Black
- 154C3B
≈ Brunswick Green
- 14475C
≈ Sultan’s Silk
Tríade +120° +240°
- 004B4E
Rich Black
- 503656
≈ Auricula Purple
- 533D14
≈ Pineapple
Complementar dividida +150° +210°
- 004B4E
Rich Black
- 5A3246
≈ Italian Plum
- 5C3621
≈ Bock
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.92:1 · APCA Lc 93
Ag
FailSobre preto
WCAG 2.11:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--rich-black: #004b4e;
--rich-black-rgb: 0 75 78;
--rich-black-oklch: oklch(0.375 0.064 199.4);
}
.element {
color: var(--rich-black);
background-color: hsl(182 100% 15%);
border-color: oklch(0.375 0.064 199.4);
}Tailwind CSS v4
@theme {
--color-rich-black: #004b4e;
--color-rich-black-50: #e1fbfd;
--color-rich-black-100: #d0eff1;
--color-rich-black-200: #b5dde0;
--color-rich-black-300: #91c2c5;
--color-rich-black-400: #70aaad;
--color-rich-black-500: #4e9396;
--color-rich-black-600: #437c7f;
--color-rich-black-700: #356466;
--color-rich-black-800: #25494a;
--color-rich-black-900: #193333;
--color-rich-black-950: #091e1f;
}SCSS
$rich-black: #004b4e;
$rich-black-rgb: 0, 75, 78;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}