Nazwany kolor · #81A595
Verdigreen
Verdigreen to #81A595: rgb(129 165 149), hsl(153 17% 58%), oklch(0.69 0.046 166.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Verdigreen color name →
#81A595
oklch(0.69 0.046 166.1)
Konwersje koloru
- HEX
- #81a595
- RGB
- rgb(129 165 149)
- HSL
- hsl(153 17% 58%)
- HWB
- hwb(153 51% 35%)
- OKLCH
- oklch(0.69 0.046 166.1)
- OKLab
- oklab(0.69 -0.045 0.011)
- CIE Lab
- lab(64.71 -15.35 4.07)
- LCH
- lch(64.71 15.88 165.1)
- CMYK
- cmyk(22% 0% 10% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DAE9F
- 9AB7A9
- A6BFB4
- B2C8BE
- BFD1C9
- CCDAD3
- D8E3DE
- E5EDE9
- F2F6F4
Odcienie ciemniejsze
- 6F8F81
- 5E796D
- 4E655A
- 3E5148
- 2E3D37
- 1F2B26
- 121A16
- 060A08
- 010101
Tony
- 81A193
- 819E91
- 819A8F
- 81968D
- 81928A
- 818F88
- 818B86
- 818784
- 808482
Harmonie kolorów
Komplementarna +180°
- 81A595
Verdigreen
- B290A1
≈ Mauve Shadows
Analogowa -30° +30°
- 81A595
Verdigreen
- 8FA286
≈ Fresh Sod
- 7AA5A5
≈ Sightful
Triada +120° +240°
- 81A595
Verdigreen
- 9998B7
≈ Tusi Grey
- B59384
≈ Mauve Blush
Komplementarna rozszczepiona +150° +210°
- 81A595
Verdigreen
- A793AF
≈ Knight’s Tale
- B69092
≈ Rosy Brown
Tetrada +90° +180° +270°
- 81A595
Verdigreen
- 899DB8
≈ Astro Bound
- B290A1
≈ Mauve Shadows
- AC987C
≈ York Beige
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.70:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.74:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.74:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--verdigreen: #81a595;
--verdigreen-rgb: 129 165 149;
--verdigreen-oklch: oklch(0.69 0.046 166.1);
}
.element {
color: var(--verdigreen);
background-color: hsl(153 17% 58%);
border-color: oklch(0.69 0.046 166.1);
}Tailwind CSS v4
@theme {
--color-verdigreen: #81a595;
--color-verdigreen-50: #e9faf3;
--color-verdigreen-100: #daede5;
--color-verdigreen-200: #c2dbd0;
--color-verdigreen-300: #a2bfb3;
--color-verdigreen-400: #85a898;
--color-verdigreen-500: #69907f;
--color-verdigreen-600: #597a6c;
--color-verdigreen-700: #476256;
--color-verdigreen-800: #34483e;
--color-verdigreen-900: #23322b;
--color-verdigreen-950: #121e18;
}SCSS
$verdigreen: #81a595;
$verdigreen-rgb: 129, 165, 149;
$verdigreen-light: mix(#fff, $verdigreen, 20%);
$verdigreen-dark: mix(#000, $verdigreen, 20%);
.element {
color: $verdigreen;
box-shadow: 0 0 0 2px rgba($verdigreen, 0.35);
}