Warna bernama · #0F261F
Deep Slate Green
Deep Slate Green adalah #0F261F: rgb(15 38 31), hsl(162 43% 10%), oklch(0.247 0.032 171.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Deep Slate Green color name →
#0F261F
oklch(0.247 0.032 171.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 243832
- 394C45
- 4F605A
- 667570
- 7E8B86
- 97A19D
- B0B8B5
- CACFCD
- E4E7E6
Shade
- 0B2019
- 081914
- 05130F
- 030D0A
- 020806
- 010403
- 000201
- 000100
- 000000
Tone
- 1A2E28
- 253731
- 2F3F3A
- 3A4843
- 46514D
- 515A57
- 5C6361
- 686D6B
- 747675
Harmoni warna
Komplementer +180°
- 0F261F
Deep Slate Green
- 2D1A23
≈ Black Cherry
Analog -30° +30°
- 0F261F
Deep Slate Green
- 182516
≈ Deep Slate Olive
- 0B2627
≈ Sunken Ship
Triadik +120° +240°
- 0F261F
Deep Slate Green
- 211E2F
≈ Black Howl
- 2D1C12
≈ Brunneophobia
Split-komplementer +150° +210°
- 0F261F
Deep Slate Green
- 281C2A
≈ Shikon
- 2F1B1A
≈ Black Kite
Tetradik +90° +180° +270°
- 0F261F
Deep Slate Green
- 182131
≈ Hēi Sè Black
- 2D1A23
≈ Black Cherry
- 291F0E
≈ Brunneophobia
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 15.94:1 · APCA Lc 103
Ag
FailDi atas hitam
WCAG 1.31:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 15.94:1 (AAA) · APCA Lc 103
Contrast pairs
Cuplikan kode
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);
}