Nazwany kolor · #91AF88
Pear Cactus
Pear Cactus to #91AF88: rgb(145 175 136), hsl(106 20% 61%), oklch(0.721 0.064 138.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Pear Cactus color name →
#91AF88
oklch(0.721 0.064 138.5)
Konwersje koloru
- HEX
- #91af88
- RGB
- rgb(145 175 136)
- HSL
- hsl(106 20% 61%)
- HWB
- hwb(106 53% 31%)
- OKLCH
- oklch(0.721 0.064 138.5)
- OKLab
- oklab(0.721 -0.048 0.043)
- CIE Lab
- lab(68.41 -16.28 16.53)
- LCH
- lch(68.41 23.21 134.6)
- CMYK
- cmyk(17% 0% 22% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9CB794
- A6BF9F
- B1C7AB
- BCCFB7
- C7D7C2
- D2DFCE
- DDE7DA
- E8EFE6
- F4F7F3
Odcienie ciemniejsze
- 7D9875
- 6A8163
- 586B52
- 465641
- 354131
- 252E22
- 151C13
- 070B06
- 010101
Tony
- 8FAA87
- 8EA687
- 8CA186
- 8A9C85
- 899784
- 879384
- 858E83
- 848982
- 828581
Harmonie kolorów
Komplementarna +180°
- 91AF88
Pear Cactus
- B698BF
≈ Atlantic Tulip
Analogowa -30° +30°
- 91AF88
Pear Cactus
- A8A879
≈ Mossy Cavern
- 7DB29E
≈ Beau Monde
Triada +120° +240°
- 91AF88
Pear Cactus
- 8CA6CE
≈ Polo Blue
- CA9595
≈ Minstrel Rose
Komplementarna rozszczepiona +150° +210°
- 91AF88
Pear Cactus
- A39FCB
≈ Indigo Child
- C495AC
≈ Light Mauve
Tetrada +90° +180° +270°
- 91AF88
Pear Cactus
- 7AADC5
≈ Soul Blue
- B698BF
≈ Atlantic Tulip
- C79982
≈ Chinook Salmon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.69:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--pear-cactus: #91af88;
--pear-cactus-rgb: 145 175 136;
--pear-cactus-oklch: oklch(0.721 0.064 138.5);
}
.element {
color: var(--pear-cactus);
background-color: hsl(106 20% 61%);
border-color: oklch(0.721 0.064 138.5);
}Tailwind CSS v4
@theme {
--color-pear-cactus: #91af88;
--color-pear-cactus-50: #ecfae9;
--color-pear-cactus-100: #ddeeda;
--color-pear-cactus-200: #c6dcc2;
--color-pear-cactus-300: #a6c0a1;
--color-pear-cactus-400: #8ca883;
--color-pear-cactus-500: #719167;
--color-pear-cactus-600: #607a58;
--color-pear-cactus-700: #4c6246;
--color-pear-cactus-800: #384831;
--color-pear-cactus-900: #263222;
--color-pear-cactus-950: #151e11;
}SCSS
$pear-cactus: #91af88;
$pear-cactus-rgb: 145, 175, 136;
$pear-cactus-light: mix(#fff, $pear-cactus, 20%);
$pear-cactus-dark: mix(#000, $pear-cactus, 20%);
.element {
color: $pear-cactus;
box-shadow: 0 0 0 2px rgba($pear-cactus, 0.35);
}