Adlandırılmış renk · #9BA591
Coronado Moss
Coronado Moss, #9BA591: rgb(155 165 145), hsl(90 10% 61%), oklch(0.708 0.031 129). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Coronado Moss color name →
#9BA591
oklch(0.708 0.031 129)
Renk dönüşümleri
- HEX
- #9ba591
- RGB
- rgb(155 165 145)
- HSL
- hsl(90 10% 61%)
- HWB
- hwb(90 57% 35%)
- OKLCH
- oklch(0.708 0.031 129)
- OKLab
- oklab(0.708 -0.019 0.024)
- CIE Lab
- lab(66.51 -6.48 9.14)
- LCH
- lch(66.51 11.2 125.3)
- CMYK
- cmyk(6% 0% 12% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5AE9C
- AEB6A6
- B8BFB1
- C2C8BC
- CCD1C7
- D6DAD2
- E0E3DD
- EAECE8
- F5F6F4
Koyu tonlar
- 868F7D
- 72796A
- 5E6558
- 4B5146
- 393D35
- 282B25
- 181A15
- 090A07
- 010101
Gri tonlar
- 98A18F
- 969D8E
- 939A8C
- 90968A
- 8D9289
- 8B8F87
- 888B85
- 858783
- 838482
Renk uyumları
Tamamlayıcı +180°
- 9BA591
Coronado Moss
- A69CB0
≈ Goose Wing Grey
Analog -30° +30°
- 9BA591
Coronado Moss
- A5A28C
≈ Cement
- 92A79A
≈ Lotus Leaf
Üçlü +120° +240°
- 9BA591
Coronado Moss
- 93A3B4
≈ Robotic Gods
- B3999D
≈ Decorum
Bölünmüş tamamlayıcı +150° +210°
- 9BA591
Coronado Moss
- 9C9FB4
≈ Minnesota April
- AF9AA7
≈ On the Nile
Dörtlü +90° +180° +270°
- 9BA591
Coronado Moss
- 8DA6AE
≈ Galleria Blue
- A69CB0
≈ Goose Wing Grey
- B39B93
≈ Iris Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.18:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--coronado-moss: #9ba591;
--coronado-moss-rgb: 155 165 145;
--coronado-moss-oklch: oklch(0.708 0.031 129);
}
.element {
color: var(--coronado-moss);
background-color: hsl(90 10% 61%);
border-color: oklch(0.708 0.031 129);
}Tailwind CSS v4
@theme {
--color-coronado-moss: #9ba591;
--color-coronado-moss-50: #f2f7ee;
--color-coronado-moss-100: #e4eae0;
--color-coronado-moss-200: #d0d7ca;
--color-coronado-moss-300: #b2bbab;
--color-coronado-moss-400: #99a28f;
--color-coronado-moss-500: #808a75;
--color-coronado-moss-600: #6c7563;
--color-coronado-moss-700: #575e4f;
--color-coronado-moss-800: #3f4439;
--color-coronado-moss-900: #2c2f27;
--color-coronado-moss-950: #191c15;
}SCSS
$coronado-moss: #9ba591;
$coronado-moss-rgb: 155, 165, 145;
$coronado-moss-light: mix(#fff, $coronado-moss, 20%);
$coronado-moss-dark: mix(#000, $coronado-moss, 20%);
.element {
color: $coronado-moss;
box-shadow: 0 0 0 2px rgba($coronado-moss, 0.35);
}