Cor nomeada · #005F6D
Shaded Spruce
Shaded Spruce é #005F6D: rgb(0 95 109), hsl(188 100% 21%), oklch(0.446 0.078 212). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Shaded Spruce color name →
#005F6D
oklch(0.446 0.078 212)
Conversões de cor
- HEX
- #005f6d
- RGB
- rgb(0 95 109)
- HSL
- hsl(188 100% 21%)
- HWB
- hwb(188 0% 57%)
- OKLCH
- oklch(0.446 0.078 212)
- OKLab
- oklab(0.446 -0.066 -0.041)
- CIE Lab
- lab(36.23 -20.67 -15.21)
- LCH
- lch(36.23 25.66 216.3)
- CMYK
- cmyk(100% 13% 0% 57%)
Tons claros · Sombras · Tons
Tons claros
- 2A6E7B
- 457D89
- 5C8D97
- 739DA5
- 8AACB4
- A1BDC2
- B8CDD1
- CFDDE0
- E7EEF0
Sombras
- 00525E
- 00444F
- 003841
- 002C33
- 002026
- 001519
- 000A0D
- 000304
- 000001
Tons
- 1C626F
- 2C6671
- 396973
- 456D75
- 4F7077
- 5A7379
- 64777B
- 6D7A7C
- 777D7E
Harmonias de cor
Complementar +180°
- 005F6D
Shaded Spruce
- 794338
≈ Bole
Análoga -30° +30°
- 005F6D
Shaded Spruce
- 076257
≈ Philodendron
- 28597B
≈ Royal Breeze
Tríade +120° +240°
- 005F6D
Shaded Spruce
- 6D4367
≈ Sultana
- 635219
≈ Olive Brown
Complementar dividida +150° +210°
- 005F6D
Shaded Spruce
- 774151
≈ Berry Bush
- 734922
≈ Vintage Wood
Tétrade +90° +180° +270°
- 005F6D
Shaded Spruce
- 5C4978
≈ Royal Robe
- 794338
≈ Bole
- 4D5B27
≈ Obscure Olive
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.34:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.85:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.34:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--shaded-spruce: #005f6d;
--shaded-spruce-rgb: 0 95 109;
--shaded-spruce-oklch: oklch(0.446 0.078 212);
}
.element {
color: var(--shaded-spruce);
background-color: hsl(188 100% 21%);
border-color: oklch(0.446 0.078 212);
}Tailwind CSS v4
@theme {
--color-shaded-spruce: #005f6d;
--color-shaded-spruce-50: #ddfbff;
--color-shaded-spruce-100: #cceff8;
--color-shaded-spruce-200: #afdde9;
--color-shaded-spruce-300: #89c2d0;
--color-shaded-spruce-400: #65abb9;
--color-shaded-spruce-500: #3d94a4;
--color-shaded-spruce-600: #357d8b;
--color-shaded-spruce-700: #2a646f;
--color-shaded-spruce-800: #1d4a51;
--color-shaded-spruce-900: #133339;
--color-shaded-spruce-950: #041f23;
}SCSS
$shaded-spruce: #005f6d;
$shaded-spruce-rgb: 0, 95, 109;
$shaded-spruce-light: mix(#fff, $shaded-spruce, 20%);
$shaded-spruce-dark: mix(#000, $shaded-spruce, 20%);
.element {
color: $shaded-spruce;
box-shadow: 0 0 0 2px rgba($shaded-spruce, 0.35);
}