Adlandırılmış renk · #ABB790
Casa Verde
Casa Verde, #ABB790: rgb(171 183 144), hsl(78 21% 64%), oklch(0.76 0.055 121.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Casa Verde color name →
#ABB790
oklch(0.76 0.055 121.6)
Renk dönüşümleri
- HEX
- #abb790
- RGB
- rgb(171 183 144)
- HSL
- hsl(78 21% 64%)
- HWB
- hwb(78 56% 28%)
- OKLCH
- oklch(0.76 0.055 121.6)
- OKLab
- oklab(0.76 -0.029 0.047)
- CIE Lab
- lab(72.69 -9.44 18.45)
- LCH
- lch(72.69 20.72 117.1)
- CMYK
- cmyk(7% 0% 21% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3BE9B
- BBC5A6
- C3CCB1
- CCD3BC
- D4DBC7
- DDE2D2
- E5E9DD
- EEF0E8
- F6F8F4
Koyu tonlar
- 949F7D
- 7E876A
- 687057
- 545A45
- 404534
- 2D3124
- 1B1E15
- 0B0C07
- 010201
Gri tonlar
- A7B18F
- A2AC8D
- 9EA68C
- 99A18A
- 959B88
- 919687
- 8D9085
- 888B83
- 848582
Renk uyumları
Tamamlayıcı +180°
- ABB790
Casa Verde
- B7A9CF
≈ Wisteria-Wise
Analog -30° +30°
- ABB790
Casa Verde
- BEB089
≈ Weaver’s Spool
- 98BCA0
≈ Green-Eyed Lady
Üçlü +120° +240°
- ABB790
Casa Verde
- 92B6D2
≈ Sea Mark
- D0A3AE
≈ Lady Flower
Bölünmüş tamamlayıcı +150° +210°
- ABB790
Casa Verde
- A4B0D5
≈ Calm Interlude
- C7A5C1
≈ Lilac Fluff
Dörtlü +90° +180° +270°
- ABB790
Casa Verde
- 88BBC5
≈ Trisha’s Eyes
- B7A9CF
≈ Wisteria-Wise
- D2A59B
≈ Bubble Shell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.90:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--casa-verde: #abb790;
--casa-verde-rgb: 171 183 144;
--casa-verde-oklch: oklch(0.76 0.055 121.6);
}
.element {
color: var(--casa-verde);
background-color: hsl(78 21% 64%);
border-color: oklch(0.76 0.055 121.6);
}Tailwind CSS v4
@theme {
--color-casa-verde: #abb790;
--color-casa-verde-50: #f2f8e7;
--color-casa-verde-100: #e4ebd7;
--color-casa-verde-200: #cfd9bf;
--color-casa-verde-300: #b1bd9e;
--color-casa-verde-400: #99a480;
--color-casa-verde-500: #808c63;
--color-casa-verde-600: #6c7754;
--color-casa-verde-700: #575f43;
--color-casa-verde-800: #404530;
--color-casa-verde-900: #2c3020;
--color-casa-verde-950: #191c10;
}SCSS
$casa-verde: #abb790;
$casa-verde-rgb: 171, 183, 144;
$casa-verde-light: mix(#fff, $casa-verde, 20%);
$casa-verde-dark: mix(#000, $casa-verde, 20%);
.element {
color: $casa-verde;
box-shadow: 0 0 0 2px rgba($casa-verde, 0.35);
}