Adlandırılmış renk · #9CB8A6
Spearmint Haze
Spearmint Haze, #9CB8A6: rgb(156 184 166), hsl(141 16% 67%), oklch(0.756 0.04 157.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Spearmint Haze color name →
#9CB8A6
oklch(0.756 0.04 157.1)
Renk dönüşümleri
- HEX
- #9cb8a6
- RGB
- rgb(156 184 166)
- HSL
- hsl(141 16% 67%)
- HWB
- hwb(141 61% 28%)
- OKLCH
- oklch(0.756 0.04 157.1)
- OKLab
- oklab(0.756 -0.037 0.015)
- CIE Lab
- lab(72.28 -12.6 5.82)
- LCH
- lch(72.28 13.88 155.2)
- CMYK
- cmyk(15% 0% 10% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A6BFAF
- AFC6B7
- B9CDC0
- C3D4C9
- CDDBD2
- D7E2DB
- E1E9E4
- EBF1ED
- F5F8F6
Koyu tonlar
- 87A090
- 73887A
- 5F7165
- 4C5B51
- 39453E
- 28312B
- 181E1A
- 090C0A
- 010201
Gri tonlar
- 99B2A2
- 97AD9E
- 94A79A
- 91A197
- 8E9C93
- 8B968F
- 89908B
- 868B87
- 838584
Renk uyumları
Tamamlayıcı +180°
- 9CB8A6
Spearmint Haze
- C1A7B9
≈ Pansy Posie
Analog -30° +30°
- 9CB8A6
Spearmint Haze
- A9B59A
≈ Mow the Lawn
- 94B9B4
≈ Teal Tree
Üçlü +120° +240°
- 9CB8A6
Spearmint Haze
- A9AECA
≈ Lovely Lilac
- C8A89E
≈ Teatime Mauve
Bölünmüş tamamlayıcı +150° +210°
- 9CB8A6
Spearmint Haze
- B6AAC4
≈ Velour
- C7A6AB
≈ Dutchess Dawn
Dörtlü +90° +180° +270°
- 9CB8A6
Spearmint Haze
- 9CB3C8
≈ Aerial View
- C1A7B9
≈ Pansy Posie
- C2AC96
≈ Transcend
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.82:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--spearmint-haze: #9cb8a6;
--spearmint-haze-rgb: 156 184 166;
--spearmint-haze-oklch: oklch(0.756 0.04 157.1);
}
.element {
color: var(--spearmint-haze);
background-color: hsl(141 16% 67%);
border-color: oklch(0.756 0.04 157.1);
}Tailwind CSS v4
@theme {
--color-spearmint-haze: #9cb8a6;
--color-spearmint-haze-50: #ecf9f1;
--color-spearmint-haze-100: #ddece3;
--color-spearmint-haze-200: #c7dace;
--color-spearmint-haze-300: #a7beb0;
--color-spearmint-haze-400: #8ca695;
--color-spearmint-haze-500: #718f7c;
--color-spearmint-haze-600: #607969;
--color-spearmint-haze-700: #4c6054;
--color-spearmint-haze-800: #38473c;
--color-spearmint-haze-900: #263129;
--color-spearmint-haze-950: #141d17;
}SCSS
$spearmint-haze: #9cb8a6;
$spearmint-haze-rgb: 156, 184, 166;
$spearmint-haze-light: mix(#fff, $spearmint-haze, 20%);
$spearmint-haze-dark: mix(#000, $spearmint-haze, 20%);
.element {
color: $spearmint-haze;
box-shadow: 0 0 0 2px rgba($spearmint-haze, 0.35);
}