Adlandırılmış renk · #90A197
Verdant Retreat
Verdant Retreat, #90A197: rgb(144 161 151), hsl(145 8% 60%), oklch(0.693 0.024 159.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Verdant Retreat color name →
#90A197
oklch(0.693 0.024 159.9)
Renk dönüşümleri
- HEX
- #90a197
- RGB
- rgb(144 161 151)
- HSL
- hsl(145 8% 60%)
- HWB
- hwb(145 56% 37%)
- OKLCH
- oklch(0.693 0.024 159.9)
- OKLab
- oklab(0.693 -0.023 0.008)
- CIE Lab
- lab(64.67 -7.73 3.08)
- LCH
- lch(64.67 8.32 158.3)
- CMYK
- cmyk(11% 0% 6% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BAAA1
- A5B3AB
- B0BCB5
- BBC6BF
- C6CFCA
- D1D8D4
- DDE2DF
- E8ECE9
- F3F5F4
Koyu tonlar
- 7D8B83
- 6A766F
- 57625C
- 454E49
- 343C37
- 242A26
- 151917
- 070908
- 010101
Gri tonlar
- 8E9E95
- 8D9A92
- 8B9790
- 8A948E
- 88908B
- 868D89
- 858A87
- 838785
- 828382
Renk uyumları
Tamamlayıcı +180°
- 90A197
Verdant Retreat
- A797A1
≈ Romantic Holiday
Analog -30° +30°
- 90A197
Verdant Retreat
- 979F90
≈ Sycamore Stand
- 8CA19F
≈ Aqua Smoke
Üçlü +120° +240°
- 90A197
Verdant Retreat
- 999BAB
≈ Wet Asphalt
- AA9891
≈ Putty Pearl
Bölünmüş tamamlayıcı +150° +210°
- 90A197
Verdant Retreat
- A198A8
≈ Lavender Aura
- AA9699
≈ Heirloom Quilt
Dörtlü +90° +180° +270°
- 90A197
Verdant Retreat
- 919EAB
≈ Frilled Shark
- A797A1
≈ Romantic Holiday
- A69A8C
≈ Warm Waterlogged Lab Coat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.71:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.73:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--verdant-retreat: #90a197;
--verdant-retreat-rgb: 144 161 151;
--verdant-retreat-oklch: oklch(0.693 0.024 159.9);
}
.element {
color: var(--verdant-retreat);
background-color: hsl(145 8% 60%);
border-color: oklch(0.693 0.024 159.9);
}Tailwind CSS v4
@theme {
--color-verdant-retreat: #90a197;
--color-verdant-retreat-50: #eff7f3;
--color-verdant-retreat-100: #e1eae5;
--color-verdant-retreat-200: #ccd8d1;
--color-verdant-retreat-300: #adbbb4;
--color-verdant-retreat-400: #93a39a;
--color-verdant-retreat-500: #798b81;
--color-verdant-retreat-600: #67766d;
--color-verdant-retreat-700: #525e57;
--color-verdant-retreat-800: #3c453f;
--color-verdant-retreat-900: #29302b;
--color-verdant-retreat-950: #171c19;
}SCSS
$verdant-retreat: #90a197;
$verdant-retreat-rgb: 144, 161, 151;
$verdant-retreat-light: mix(#fff, $verdant-retreat, 20%);
$verdant-retreat-dark: mix(#000, $verdant-retreat, 20%);
.element {
color: $verdant-retreat;
box-shadow: 0 0 0 2px rgba($verdant-retreat, 0.35);
}