Cor nomeada · #0F261F
Deep Slate Green
Deep Slate Green é #0F261F: rgb(15 38 31), hsl(162 43% 10%), oklch(0.247 0.032 171.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deep Slate Green color name →
#0F261F
oklch(0.247 0.032 171.5)
Conversões de cor
- HEX
- #0f261f
- RGB
- rgb(15 38 31)
- HSL
- hsl(162 43% 10%)
- HWB
- hwb(162 6% 85%)
- OKLCH
- oklch(0.247 0.032 171.5)
- OKLab
- oklab(0.247 -0.032 0.005)
- CIE Lab
- lab(13.1 -11.17 1.72)
- LCH
- lch(13.1 11.3 171.2)
- CMYK
- cmyk(61% 0% 18% 85%)
Tons claros · Sombras · Tons
Tons claros
- 243832
- 394C45
- 4F605A
- 667570
- 7E8B86
- 97A19D
- B0B8B5
- CACFCD
- E4E7E6
Sombras
- 0B2019
- 081914
- 05130F
- 030D0A
- 020806
- 010403
- 000201
- 000100
- 000000
Tons
- 1A2E28
- 253731
- 2F3F3A
- 3A4843
- 46514D
- 515A57
- 5C6361
- 686D6B
- 747675
Harmonias de cor
Complementar +180°
- 0F261F
Deep Slate Green
- 2D1A23
≈ Black Cherry
Análoga -30° +30°
- 0F261F
Deep Slate Green
- 182516
≈ Deep Slate Olive
- 0B2627
≈ Sunken Ship
Tríade +120° +240°
- 0F261F
Deep Slate Green
- 211E2F
≈ Black Howl
- 2D1C12
≈ Brunneophobia
Complementar dividida +150° +210°
- 0F261F
Deep Slate Green
- 281C2A
≈ Shikon
- 2F1B1A
≈ Black Kite
Tétrade +90° +180° +270°
- 0F261F
Deep Slate Green
- 182131
≈ Hēi Sè Black
- 2D1A23
≈ Black Cherry
- 291F0E
≈ Brunneophobia
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 15.94:1 · APCA Lc 103
Ag
FailSobre preto
WCAG 1.31:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 15.94:1 (AAA) · APCA Lc 103
Contrast pairs
Trechos de código
CSS
:root {
--deep-slate-green: #0f261f;
--deep-slate-green-rgb: 15 38 31;
--deep-slate-green-oklch: oklch(0.247 0.032 171.5);
}
.element {
color: var(--deep-slate-green);
background-color: hsl(162 43% 10%);
border-color: oklch(0.247 0.032 171.5);
}Tailwind CSS v4
@theme {
--color-deep-slate-green: #0f261f;
--color-deep-slate-green-50: #ecf8f4;
--color-deep-slate-green-100: #deece7;
--color-deep-slate-green-200: #c7d9d3;
--color-deep-slate-green-300: #a7bdb6;
--color-deep-slate-green-400: #8ca59c;
--color-deep-slate-green-500: #718d83;
--color-deep-slate-green-600: #60786f;
--color-deep-slate-green-700: #4d6059;
--color-deep-slate-green-800: #384640;
--color-deep-slate-green-900: #26312c;
--color-deep-slate-green-950: #141d1a;
}SCSS
$deep-slate-green: #0f261f;
$deep-slate-green-rgb: 15, 38, 31;
$deep-slate-green-light: mix(#fff, $deep-slate-green, 20%);
$deep-slate-green-dark: mix(#000, $deep-slate-green, 20%);
.element {
color: $deep-slate-green;
box-shadow: 0 0 0 2px rgba($deep-slate-green, 0.35);
}