Nazwany kolor · #22ACAE
Greenland Green
Greenland Green to #22ACAE: rgb(34 172 174), hsl(181 67% 41%), oklch(0.678 0.109 196.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Greenland Green color name →
#22ACAE
oklch(0.678 0.109 196.4)
Konwersje koloru
- HEX
- #22acae
- RGB
- rgb(34 172 174)
- HSL
- hsl(181 67% 41%)
- HWB
- hwb(181 13% 32%)
- OKLCH
- oklch(0.678 0.109 196.4)
- OKLab
- oklab(0.678 -0.105 -0.031)
- CIE Lab
- lab(63.75 -35.29 -11.69)
- LCH
- lch(63.75 37.17 198.3)
- CMYK
- cmyk(80% 1% 0% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 47B4B6
- 61BDBE
- 78C5C6
- 8DCDCE
- A1D6D6
- B4DEDE
- C7E6E6
- DAEFEE
- ECF7F7
Odcienie ciemniejsze
- 1C9597
- 167F80
- 11696A
- 0B5455
- 074041
- 032D2E
- 011B1C
- 000B0B
- 000101
Tony
- 38A8A9
- 47A3A5
- 529FA0
- 5B9B9B
- 639697
- 6A9292
- 718E8E
- 768989
- 7B8585
Harmonie kolorów
Komplementarna +180°
- 22ACAE
Greenland Green
- D27B80
≈ Galah
Analogowa -30° +30°
- 22ACAE
Greenland Green
- 48AD89
≈ Walk in the Woods
- 3DA5CB
≈ Laguna
Triada +120° +240°
- 22ACAE
Greenland Green
- B282C5
≈ Lavender Sweater
- BE8E42
≈ Pizza
Komplementarna rozszczepiona +150° +210°
- 22ACAE
Greenland Green
- C87BA5
≈ Heartbreaker
- CF815C
≈ Burning Sand
Tetrada +90° +180° +270°
- 22ACAE
Greenland Green
- 928DD8
≈ Perrywinkle
- D27B80
≈ Galah
- A09C45
≈ Lazy Lizard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.58:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.58:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--greenland-green: #22acae;
--greenland-green-rgb: 34 172 174;
--greenland-green-oklch: oklch(0.678 0.109 196.4);
}
.element {
color: var(--greenland-green);
background-color: hsl(181 67% 41%);
border-color: oklch(0.678 0.109 196.4);
}Tailwind CSS v4
@theme {
--color-greenland-green: #22acae;
--color-greenland-green-50: #d2ffff;
--color-greenland-green-100: #bef4f5;
--color-greenland-green-200: #9ce3e5;
--color-greenland-green-300: #6ec9cc;
--color-greenland-green-400: #3ab2b4;
--color-greenland-green-500: #009c9e;
--color-greenland-green-600: #008486;
--color-greenland-green-700: #00696b;
--color-greenland-green-800: #004e4e;
--color-greenland-green-900: #003636;
--color-greenland-green-950: #002121;
}SCSS
$greenland-green: #22acae;
$greenland-green-rgb: 34, 172, 174;
$greenland-green-light: mix(#fff, $greenland-green, 20%);
$greenland-green-dark: mix(#000, $greenland-green, 20%);
.element {
color: $greenland-green;
box-shadow: 0 0 0 2px rgba($greenland-green, 0.35);
}