Nazwany kolor · #A1BB8B
Glendale
Glendale to #A1BB8B: rgb(161 187 139), hsl(92 26% 64%), oklch(0.76 0.072 131.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Glendale color name →
#A1BB8B
oklch(0.76 0.072 131.1)
Konwersje koloru
- HEX
- #a1bb8b
- RGB
- rgb(161 187 139)
- HSL
- hsl(92 26% 64%)
- HWB
- hwb(92 55% 27%)
- OKLCH
- oklch(0.76 0.072 131.1)
- OKLab
- oklab(0.76 -0.047 0.054)
- CIE Lab
- lab(72.97 -15.72 21.33)
- LCH
- lch(72.97 26.5 126.4)
- CMYK
- cmyk(14% 0% 26% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AAC296
- B3C8A2
- BCCFAD
- C6D6B9
- CFDDC4
- D9E4D0
- E2EADC
- ECF1E7
- F5F8F3
Odcienie ciemniejsze
- 8BA278
- 768A66
- 627354
- 4E5C43
- 3C4632
- 2A3223
- 191F14
- 090D07
- 010201
Tony
- 9EB58A
- 9AAF89
- 97A988
- 94A387
- 909D86
- 8D9785
- 8A9184
- 878C83
- 838681
Harmonie kolorów
Komplementarna +180°
- A1BB8B
Glendale
- C0A4D3
≈ Enchanted Lavender
Analogowa -30° +30°
- A1BB8B
Glendale
- BBB37D
≈ Leek Powder
- 88C0A2
≈ Lark Green
Triada +120° +240°
- A1BB8B
Glendale
- 8FB5DE
≈ Echo Isles Water
- DB9EA6
≈ Glamour
Komplementarna rozszczepiona +150° +210°
- A1BB8B
Glendale
- A8ACDF
≈ Maximum Blue Purple
- D29FBF
≈ Geranium Bud
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.99:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--glendale: #a1bb8b;
--glendale-rgb: 161 187 139;
--glendale-oklch: oklch(0.76 0.072 131.1);
}
.element {
color: var(--glendale);
background-color: hsl(92 26% 64%);
border-color: oklch(0.76 0.072 131.1);
}Tailwind CSS v4
@theme {
--color-glendale: #a1bb8b;
--color-glendale-50: #edfae5;
--color-glendale-100: #dfeed5;
--color-glendale-200: #c8dbbc;
--color-glendale-300: #a9c09a;
--color-glendale-400: #8fa87b;
--color-glendale-500: #75905d;
--color-glendale-600: #637a4f;
--color-glendale-700: #4f623f;
--color-glendale-800: #3b472c;
--color-glendale-900: #28311e;
--color-glendale-950: #161d0e;
}SCSS
$glendale: #a1bb8b;
$glendale-rgb: 161, 187, 139;
$glendale-light: mix(#fff, $glendale, 20%);
$glendale-dark: mix(#000, $glendale, 20%);
.element {
color: $glendale;
box-shadow: 0 0 0 2px rgba($glendale, 0.35);
}