Nazwany kolor · #7AB091
Zephyr Green
Zephyr Green to #7AB091: rgb(122 176 145), hsl(146 25% 58%), oklch(0.711 0.073 158.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Zephyr Green color name →
#7AB091
oklch(0.711 0.073 158.7)
Konwersje koloru
- HEX
- #7ab091
- RGB
- rgb(122 176 145)
- HSL
- hsl(146 25% 58%)
- HWB
- hwb(146 48% 31%)
- OKLCH
- oklch(0.711 0.073 158.7)
- OKLab
- oklab(0.711 -0.068 0.026)
- CIE Lab
- lab(67.4 -23.52 10)
- LCH
- lch(67.4 25.55 157)
- CMYK
- cmyk(31% 0% 18% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 87B89C
- 95C0A6
- A2C7B1
- AFCFBC
- BCD7C7
- CADFD2
- D7E7DD
- E4EFE8
- F2F7F4
Odcienie ciemniejsze
- 69997D
- 59826A
- 496C58
- 3A5646
- 2B4235
- 1D2E25
- 101C15
- 050B07
- 010101
Tony
- 7BAB8F
- 7CA68E
- 7DA28C
- 7E9D8A
- 7F9889
- 7F9387
- 7F8E85
- 808A83
- 808582
Harmonie kolorów
Komplementarna +180°
- 7AB091
Zephyr Green
- C190B1
≈ Mauve Magic
Analogowa -30° +30°
- 7AB091
Zephyr Green
- 94AB7A
≈ Forest Shade
- 69B1AB
≈ Turquoise Fantasies
Triada +120° +240°
- 7AB091
Zephyr Green
- 979ECF
≈ Velvet Robe
- CA9280
≈ Simmering Ridge
Komplementarna rozszczepiona +150° +210°
- 7AB091
Zephyr Green
- AF96C5
≈ Quibble
- CA8F98
≈ Garnet Shadow
Tetrada +90° +180° +270°
- 7AB091
Zephyr Green
- 7EA6CE
≈ Paula Loves Paris
- C190B1
≈ Mauve Magic
- C09A70
≈ Lanyard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.44:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--zephyr-green: #7ab091;
--zephyr-green-rgb: 122 176 145;
--zephyr-green-oklch: oklch(0.711 0.073 158.7);
}
.element {
color: var(--zephyr-green);
background-color: hsl(146 25% 58%);
border-color: oklch(0.711 0.073 158.7);
}Tailwind CSS v4
@theme {
--color-zephyr-green: #7ab091;
--color-zephyr-green-50: #e4fcee;
--color-zephyr-green-100: #d4f0e0;
--color-zephyr-green-200: #badeca;
--color-zephyr-green-300: #97c3ab;
--color-zephyr-green-400: #79ac8f;
--color-zephyr-green-500: #5a9574;
--color-zephyr-green-600: #4d7e63;
--color-zephyr-green-700: #3d654f;
--color-zephyr-green-800: #2c4a38;
--color-zephyr-green-900: #1e3326;
--color-zephyr-green-950: #0e1f15;
}SCSS
$zephyr-green: #7ab091;
$zephyr-green-rgb: 122, 176, 145;
$zephyr-green-light: mix(#fff, $zephyr-green, 20%);
$zephyr-green-dark: mix(#000, $zephyr-green, 20%);
.element {
color: $zephyr-green;
box-shadow: 0 0 0 2px rgba($zephyr-green, 0.35);
}