Nazwany kolor · #ABB790
Casa Verde
Casa Verde to #ABB790: rgb(171 183 144), hsl(78 21% 64%), oklch(0.76 0.055 121.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Casa Verde color name →
#ABB790
oklch(0.76 0.055 121.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3BE9B
- BBC5A6
- C3CCB1
- CCD3BC
- D4DBC7
- DDE2D2
- E5E9DD
- EEF0E8
- F6F8F4
Odcienie ciemniejsze
- 949F7D
- 7E876A
- 687057
- 545A45
- 404534
- 2D3124
- 1B1E15
- 0B0C07
- 010201
Tony
- A7B18F
- A2AC8D
- 9EA68C
- 99A18A
- 959B88
- 919687
- 8D9085
- 888B83
- 848582
Harmonie kolorów
Komplementarna +180°
- ABB790
Casa Verde
- B7A9CF
≈ Wisteria-Wise
Analogowa -30° +30°
- ABB790
Casa Verde
- BEB089
≈ Weaver’s Spool
- 98BCA0
≈ Green-Eyed Lady
Triada +120° +240°
- ABB790
Casa Verde
- 92B6D2
≈ Sea Mark
- D0A3AE
≈ Lady Flower
Komplementarna rozszczepiona +150° +210°
- ABB790
Casa Verde
- A4B0D5
≈ Calm Interlude
- C7A5C1
≈ Lilac Fluff
Tetrada +90° +180° +270°
- ABB790
Casa Verde
- 88BBC5
≈ Trisha’s Eyes
- B7A9CF
≈ Wisteria-Wise
- D2A59B
≈ Bubble Shell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.11:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.90:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
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);
}