Benannte Farbe · #62AE9E
Green Crush
Green Crush ist #62AE9E: rgb(98 174 158), hsl(167 32% 53%), oklch(0.697 0.08 178.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Green Crush color name →
#62AE9E
oklch(0.697 0.08 178.7)
Farbumrechnungen
- HEX
- #62ae9e
- RGB
- rgb(98 174 158)
- HSL
- hsl(167 32% 53%)
- HWB
- hwb(167 38% 32%)
- OKLCH
- oklch(0.697 0.08 178.7)
- OKLab
- oklab(0.697 -0.08 0.002)
- CIE Lab
- lab(65.85 -27.66 0.48)
- LCH
- lch(65.85 27.66 179)
- CMYK
- cmyk(44% 0% 9% 32%)
Tints · Shades · Tones
Tints
- 73B6A7
- 83BEB1
- 93C6BA
- A3CEC4
- B2D6CD
- C2DED7
- D1E7E1
- E0EFEB
- F0F7F5
Shades
- 549789
- 478074
- 3A6A60
- 2D554D
- 21413A
- 162E29
- 0B1C18
- 030B09
- 000101
Tones
- 67A99B
- 6BA598
- 6EA095
- 729C92
- 75978F
- 78928C
- 7A8E89
- 7C8986
- 7E8583
Farbharmonien
Komplementär +180°
- 62AE9E
Green Crush
- C7899D
≈ Puce
Analog -30° +30°
- 62AE9E
Green Crush
- 7BAC82
≈ Summer Garden
- 5CABB8
≈ Verditer Blue
Triadisch +120° +240°
- 62AE9E
Green Crush
- A493C9
≈ Distinct Purple
- C3926B
≈ Butterum
Geteilt komplementär +150° +210°
- 62AE9E
Green Crush
- B98CB6
≈ Violet Whimsy
- CA8B81
≈ Rose de Mai
Tetradisch +90° +180° +270°
- 62AE9E
Green Crush
- 899CD0
≈ Caribbean Sky
- C7899D
≈ Puce
- B29B62
≈ Pesto di Noce
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.06:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--green-crush: #62ae9e;
--green-crush-rgb: 98 174 158;
--green-crush-oklch: oklch(0.697 0.08 178.7);
}
.element {
color: var(--green-crush);
background-color: hsl(167 32% 53%);
border-color: oklch(0.697 0.08 178.7);
}Tailwind CSS v4
@theme {
--color-green-crush: #62ae9e;
--color-green-crush-50: #defdf6;
--color-green-crush-100: #ccf1e9;
--color-green-crush-200: #b0e0d6;
--color-green-crush-300: #8ac5b9;
--color-green-crush-400: #67ae9f;
--color-green-crush-500: #409787;
--color-green-crush-600: #388072;
--color-green-crush-700: #2c675b;
--color-green-crush-800: #1f4b42;
--color-green-crush-900: #15342d;
--color-green-crush-950: #06201a;
}SCSS
$green-crush: #62ae9e;
$green-crush-rgb: 98, 174, 158;
$green-crush-light: mix(#fff, $green-crush, 20%);
$green-crush-dark: mix(#000, $green-crush, 20%);
.element {
color: $green-crush;
box-shadow: 0 0 0 2px rgba($green-crush, 0.35);
}