Adlandırılmış renk · #9BB9AE
Moncur
Moncur, #9BB9AE: rgb(155 185 174), hsl(158 18% 67%), oklch(0.76 0.036 171.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Moncur color name →
#9BB9AE
oklch(0.76 0.036 171.1)
Renk dönüşümleri
- HEX
- #9bb9ae
- RGB
- rgb(155 185 174)
- HSL
- hsl(158 18% 67%)
- HWB
- hwb(158 61% 27%)
- OKLCH
- oklch(0.76 0.036 171.1)
- OKLab
- oklab(0.76 -0.036 0.006)
- CIE Lab
- lab(72.65 -12.25 2.02)
- LCH
- lch(72.65 12.42 170.6)
- CMYK
- cmyk(16% 0% 6% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5C0B6
- AFC7BE
- B8CEC6
- C2D5CE
- CCDCD6
- D6E3DE
- E0EAE6
- EBF1EE
- F5F8F7
Koyu tonlar
- 86A097
- 728980
- 5E716A
- 4B5B55
- 394641
- 28312E
- 181E1C
- 090D0B
- 010201
Gri tonlar
- 98B3A9
- 96ADA5
- 93A8A0
- 90A29B
- 8E9C97
- 8B9692
- 88918E
- 868B89
- 838684
Renk uyumları
Tamamlayıcı +180°
- 9BB9AE
Moncur
- C4A8B4
≈ Pansy Posie
Analog -30° +30°
- 9BB9AE
Moncur
- A5B7A2
≈ Bamboo Shoot
- 97B8BB
≈ Windswept Clouds
Üçlü +120° +240°
- 9BB9AE
Moncur
- B1AEC7
≈ Purple Freedom
- C5AB9D
≈ Floral Arrangement
Bölünmüş tamamlayıcı +150° +210°
- 9BB9AE
Moncur
- BCAABF
≈ Lavender Frost
- C7A9A7
≈ Lovebug
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.94:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--moncur: #9bb9ae;
--moncur-rgb: 155 185 174;
--moncur-oklch: oklch(0.76 0.036 171.1);
}
.element {
color: var(--moncur);
background-color: hsl(158 18% 67%);
border-color: oklch(0.76 0.036 171.1);
}Tailwind CSS v4
@theme {
--color-moncur: #9bb9ae;
--color-moncur-50: #ebf9f4;
--color-moncur-100: #dcece7;
--color-moncur-200: #c5dad3;
--color-moncur-300: #a5beb6;
--color-moncur-400: #8aa69c;
--color-moncur-500: #6e8e83;
--color-moncur-600: #5e786f;
--color-moncur-700: #4b6059;
--color-moncur-800: #364740;
--color-moncur-900: #25312c;
--color-moncur-950: #141d19;
}SCSS
$moncur: #9bb9ae;
$moncur-rgb: 155, 185, 174;
$moncur-light: mix(#fff, $moncur, 20%);
$moncur-dark: mix(#000, $moncur, 20%);
.element {
color: $moncur;
box-shadow: 0 0 0 2px rgba($moncur, 0.35);
}