Nazwany kolor · #A5BE8F
Praying Mantis
Praying Mantis to #A5BE8F: rgb(165 190 143), hsl(92 27% 65%), oklch(0.77 0.07 130.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Praying Mantis color name →
#A5BE8F
oklch(0.77 0.07 130.7)
Konwersje koloru
- HEX
- #a5be8f
- RGB
- rgb(165 190 143)
- HSL
- hsl(92 27% 65%)
- HWB
- hwb(92 56% 25%)
- OKLCH
- oklch(0.77 0.07 130.7)
- OKLab
- oklab(0.77 -0.046 0.053)
- CIE Lab
- lab(74.16 -15.19 20.87)
- LCH
- lch(74.16 25.81 126.1)
- CMYK
- cmyk(13% 0% 25% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AEC49A
- B7CBA5
- BFD1B0
- C8D8BB
- D1DEC6
- DAE5D2
- E3EBDD
- EDF2E8
- F6F8F4
Odcienie ciemniejsze
- 8FA57C
- 798C69
- 657557
- 515E45
- 3D4834
- 2B3324
- 1A1F15
- 0A0D07
- 010201
Tony
- A1B88E
- 9EB18C
- 9AAB8B
- 96A58A
- 929F88
- 8F9887
- 8B9285
- 878C83
- 848682
Harmonie kolorów
Komplementarna +180°
- A5BE8F
Praying Mantis
- C3A8D6
≈ Perfume
Analogowa -30° +30°
- A5BE8F
Praying Mantis
- BEB682
≈ Cool Avocado
- 8DC3A6
≈ Spearmint Frosting
Triada +120° +240°
- A5BE8F
Praying Mantis
- 93B8E0
≈ Adrift on the Nile
- DDA2A9
≈ Prom
Komplementarna rozszczepiona +150° +210°
- A5BE8F
Praying Mantis
- ACB0E1
≈ Maximum Blue Purple
- D4A3C2
≈ Pastel Lavender
Tetrada +90° +180° +270°
- A5BE8F
Praying Mantis
- 81BFD4
≈ Ocean Horizon
- C3A8D6
≈ Perfume
- DCA692
≈ Cedarville
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.36:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.36:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--praying-mantis: #a5be8f;
--praying-mantis-rgb: 165 190 143;
--praying-mantis-oklch: oklch(0.77 0.07 130.7);
}
.element {
color: var(--praying-mantis);
background-color: hsl(92 27% 65%);
border-color: oklch(0.77 0.07 130.7);
}Tailwind CSS v4
@theme {
--color-praying-mantis: #a5be8f;
--color-praying-mantis-50: #eefae5;
--color-praying-mantis-100: #dfedd6;
--color-praying-mantis-200: #c9dbbd;
--color-praying-mantis-300: #aac09b;
--color-praying-mantis-400: #90a77c;
--color-praying-mantis-500: #76905e;
--color-praying-mantis-600: #647a50;
--color-praying-mantis-700: #506140;
--color-praying-mantis-800: #3b472d;
--color-praying-mantis-900: #28311e;
--color-praying-mantis-950: #161d0e;
}SCSS
$praying-mantis: #a5be8f;
$praying-mantis-rgb: 165, 190, 143;
$praying-mantis-light: mix(#fff, $praying-mantis, 20%);
$praying-mantis-dark: mix(#000, $praying-mantis, 20%);
.element {
color: $praying-mantis;
box-shadow: 0 0 0 2px rgba($praying-mantis, 0.35);
}