Adlandırılmış renk · #9AB6A9
Nile River
Nile River, #9AB6A9: rgb(154 182 169), hsl(152 16% 66%), oklch(0.751 0.036 165.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Nile River color name →
#9AB6A9
oklch(0.751 0.036 165.7)
Renk dönüşümleri
- HEX
- #9ab6a9
- RGB
- rgb(154 182 169)
- HSL
- hsl(152 16% 66%)
- HWB
- hwb(152 60% 29%)
- OKLCH
- oklch(0.751 0.036 165.7)
- OKLab
- oklab(0.751 -0.035 0.009)
- CIE Lab
- lab(71.64 -11.89 3.27)
- LCH
- lch(71.64 12.33 164.6)
- CMYK
- cmyk(15% 0% 7% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4BDB1
- AEC4BA
- B8CBC2
- C2D3CB
- CCDAD3
- D6E1DC
- E0E9E5
- EAF0ED
- F5F8F6
Koyu tonlar
- 859E92
- 71867C
- 5E6F67
- 4B5953
- 39443F
- 27302C
- 171D1B
- 090C0A
- 010201
Gri tonlar
- 97B0A5
- 95ABA1
- 92A59C
- 90A098
- 8D9B94
- 8B9590
- 88908C
- 858B88
- 838584
Renk uyumları
Tamamlayıcı +180°
- 9AB6A9
Nile River
- C0A6B3
≈ Pansy Posie
Analog -30° +30°
- 9AB6A9
Nile River
- A5B49E
≈ Salvia
- 95B6B6
≈ Baroque Blue
Üçlü +120° +240°
- 9AB6A9
Nile River
- ACACC5
≈ Cosmic Sky
- C3A89C
≈ Taupe Tapestry
Bölünmüş tamamlayıcı +150° +210°
- 9AB6A9
Nile River
- B7A8BE
≈ Velour
- C4A6A7
≈ Lychee Berry
Dörtlü +90° +180° +270°
- 9AB6A9
Nile River
- A0B0C5
≈ Innuendo
- C0A6B3
≈ Pansy Posie
- BCAC96
≈ Portico
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.17:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.63:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--nile-river: #9ab6a9;
--nile-river-rgb: 154 182 169;
--nile-river-oklch: oklch(0.751 0.036 165.7);
}
.element {
color: var(--nile-river);
background-color: hsl(152 16% 66%);
border-color: oklch(0.751 0.036 165.7);
}Tailwind CSS v4
@theme {
--color-nile-river: #9ab6a9;
--color-nile-river-50: #ecf9f3;
--color-nile-river-100: #ddece5;
--color-nile-river-200: #c6d9d1;
--color-nile-river-300: #a7beb4;
--color-nile-river-400: #8ba699;
--color-nile-river-500: #708e81;
--color-nile-river-600: #5f786d;
--color-nile-river-700: #4c6057;
--color-nile-river-800: #37463f;
--color-nile-river-900: #26312b;
--color-nile-river-950: #141d19;
}SCSS
$nile-river: #9ab6a9;
$nile-river-rgb: 154, 182, 169;
$nile-river-light: mix(#fff, $nile-river, 20%);
$nile-river-dark: mix(#000, $nile-river, 20%);
.element {
color: $nile-river;
box-shadow: 0 0 0 2px rgba($nile-river, 0.35);
}