Nazwany kolor · #99B090
Cloistered Garden
Cloistered Garden to #99B090: rgb(153 176 144), hsl(103 17% 63%), oklch(0.731 0.052 136.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cloistered Garden color name →
#99B090
oklch(0.731 0.052 136.9)
Konwersje koloru
- HEX
- #99b090
- RGB
- rgb(153 176 144)
- HSL
- hsl(103 17% 63%)
- HWB
- hwb(103 56% 31%)
- OKLCH
- oklch(0.731 0.052 136.9)
- OKLab
- oklab(0.731 -0.038 0.035)
- CIE Lab
- lab(69.4 -12.8 13.68)
- LCH
- lch(69.4 18.73 133.1)
- CMYK
- cmyk(13% 0% 18% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3B89B
- ADBFA6
- B7C7B0
- C1CFBB
- CBD7C6
- D5DFD2
- E0E7DD
- EAEFE8
- F4F7F4
Odcienie ciemniejsze
- 84997D
- 70826A
- 5D6C57
- 4A5645
- 384234
- 272E24
- 171C15
- 080B07
- 010101
Tony
- 97AB8E
- 94A68D
- 92A18B
- 8F9D8A
- 8D9888
- 8A9387
- 888E85
- 858983
- 838582
Harmonie kolorów
Komplementarna +180°
- 99B090
Cloistered Garden
- B59EBE
≈ Tuileries Tint
Analogowa -30° +30°
- 99B090
Cloistered Garden
- ABAB85
≈ New Bamboo
- 89B3A1
≈ Le Max
Triada +120° +240°
- 99B090
Cloistered Garden
- 93AAC9
≈ Bachelor Blue
- C79B9C
≈ Pepperberry
Komplementarna rozszczepiona +150° +210°
- 99B090
Cloistered Garden
- A5A4C8
≈ Blossom Mauve
- C19BAE
≈ Lily
Tetrada +90° +180° +270°
- 99B090
Cloistered Garden
- 86AFC1
≈ Resolute Blue
- B59EBE
≈ Tuileries Tint
- C49F8C
≈ Whistler Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.96:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--cloistered-garden: #99b090;
--cloistered-garden-rgb: 153 176 144;
--cloistered-garden-oklch: oklch(0.731 0.052 136.9);
}
.element {
color: var(--cloistered-garden);
background-color: hsl(103 17% 63%);
border-color: oklch(0.731 0.052 136.9);
}Tailwind CSS v4
@theme {
--color-cloistered-garden: #99b090;
--color-cloistered-garden-50: #eef9eb;
--color-cloistered-garden-100: #dfecdc;
--color-cloistered-garden-200: #c9dac5;
--color-cloistered-garden-300: #aabea5;
--color-cloistered-garden-400: #90a688;
--color-cloistered-garden-500: #768f6d;
--color-cloistered-garden-600: #64795c;
--color-cloistered-garden-700: #506149;
--color-cloistered-garden-800: #3b4734;
--color-cloistered-garden-900: #283124;
--color-cloistered-garden-950: #161d13;
}SCSS
$cloistered-garden: #99b090;
$cloistered-garden-rgb: 153, 176, 144;
$cloistered-garden-light: mix(#fff, $cloistered-garden, 20%);
$cloistered-garden-dark: mix(#000, $cloistered-garden, 20%);
.element {
color: $cloistered-garden;
box-shadow: 0 0 0 2px rgba($cloistered-garden, 0.35);
}