Cor nomeada mais próxima · #006178
#006178
Cor nomeada mais próxima: Blue-Collar
#006178 (rgb(0 97 120), hsl(192 100% 24%), oklch(0.456 0.084 221.4)) é mais próxima da cor nomeada Blue-Collar. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#006178
oklch(0.456 0.084 221.4)
Conversões de cor
- HEX
- #006178
- RGB
- rgb(0 97 120)
- HSL
- hsl(192 100% 24%)
- HWB
- hwb(192 0% 53%)
- OKLCH
- oklch(0.456 0.084 221.4)
- OKLab
- oklab(0.456 -0.063 -0.056)
- CIE Lab
- lab(37.31 -18.37 -20.29)
- LCH
- lch(37.31 27.37 227.9)
- CMYK
- cmyk(100% 19% 0% 53%)
Tons claros · Sombras · Tons
Tons claros
- 2B7085
- 457F92
- 5D8E9F
- 749EAD
- 8BAEBA
- A2BEC8
- B9CED5
- D0DEE3
- E7EEF1
Sombras
- 005367
- 004657
- 003948
- 002D39
- 00212A
- 00151D
- 000B10
- 000305
- 000001
Tons
- 1D6479
- 2D687A
- 3A6B7B
- 456E7C
- 50717D
- 5A747D
- 64777E
- 6D7A7F
- 777D7F
Harmonias de cor
Complementar +180°
- 006178
Blue-Collar
- 7E4630
≈ Sunbathing Beauty
Análoga -30° +30°
- 006178
Blue-Collar
- 006562
≈ Peacock Pride
- 315984
≈ Award Blue
Tríade +120° +240°
- 006178
Blue-Collar
- 764365
≈ Magician’s Cloak
- 615817
≈ Olive Brown
Complementar dividida +150° +210°
- 006178
Blue-Collar
- 7F424B
≈ Dark Strawberry
- 744E1A
≈ Trojan Horse Brown
Tétrade +90° +180° +270°
- 006178
Blue-Collar
- 664979
≈ Neon Violet
- 7E4630
≈ Sunbathing Beauty
- 46612C
≈ Gemstone Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.04:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.98:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--blue-collar: #006178;
--blue-collar-rgb: 0 97 120;
--blue-collar-oklch: oklch(0.456 0.084 221.4);
}
.element {
color: var(--blue-collar);
background-color: hsl(192 100% 24%);
border-color: oklch(0.456 0.084 221.4);
}Tailwind CSS v4
@theme {
--color-blue-collar: #006178;
--color-blue-collar-50: #dcfbff;
--color-blue-collar-100: #cbeffd;
--color-blue-collar-200: #aeddef;
--color-blue-collar-300: #88c1d7;
--color-blue-collar-400: #62aac2;
--color-blue-collar-500: #3a93ae;
--color-blue-collar-600: #337c93;
--color-blue-collar-700: #286376;
--color-blue-collar-800: #1a4956;
--color-blue-collar-900: #11333c;
--color-blue-collar-950: #031e26;
}SCSS
$blue-collar: #006178;
$blue-collar-rgb: 0, 97, 120;
$blue-collar-light: mix(#fff, $blue-collar, 20%);
$blue-collar-dark: mix(#000, $blue-collar, 20%);
.element {
color: $blue-collar;
box-shadow: 0 0 0 2px rgba($blue-collar, 0.35);
}