Benannte Farbe · #029D74
Free Speech Aquamarine
Free Speech Aquamarine ist #029D74: rgb(2 157 116), hsl(164 97% 31%), oklch(0.617 0.127 166.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Free Speech Aquamarine color name →
#029D74
oklch(0.617 0.127 166.3)
Farbumrechnungen
- HEX
- #029d74
- RGB
- rgb(2 157 116)
- HSL
- hsl(164 97% 31%)
- HWB
- hwb(164 1% 38%)
- OKLCH
- oklch(0.617 0.127 166.3)
- OKLab
- oklab(0.617 -0.124 0.03)
- CIE Lab
- lab(57.31 -44.07 11.25)
- LCH
- lch(57.31 45.49 165.7)
- CMYK
- cmyk(99% 0% 26% 38%)
Tints · Shades · Tones
Tints
- 3AA781
- 56B18E
- 6EBB9C
- 84C4AA
- 99CEB7
- AED8C5
- C3E2D4
- D7EBE2
- EBF5F0
Shades
- 018864
- 017354
- 015F45
- 004C37
- 003A29
- 00281B
- 00180F
- 000905
- 000101
Tones
- 299A75
- 3B9877
- 489578
- 539279
- 5D8F7A
- 658C7B
- 6C897D
- 73867E
- 7A837F
Farbharmonien
Komplementär +180°
- 029D74
Free Speech Aquamarine
- BB6395
≈ Spring Crocus
Analog -30° +30°
- 029D74
Free Speech Aquamarine
- 609645
≈ Bredon Green
- 00989A
≈ Regula Barbara Blue
Triadisch +120° +240°
- 029D74
Free Speech Aquamarine
- 8078CE
≈ Kickstart Purple
- C26A3D
≈ Peach Caramel
Geteilt komplementär +150° +210°
- 029D74
Free Speech Aquamarine
- A36CB8
≈ Soft Purple
- C6626A
≈ Triple Berry
Tetradisch +90° +180° +270°
- 029D74
Free Speech Aquamarine
- 4F86D1
≈ Blue Sonki
- BB6395
≈ Spring Crocus
- B0790A
≈ Golden Brown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.45:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.07:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--free-speech-aquamarine: #029d74;
--free-speech-aquamarine-rgb: 2 157 116;
--free-speech-aquamarine-oklch: oklch(0.617 0.127 166.3);
}
.element {
color: var(--free-speech-aquamarine);
background-color: hsl(164 97% 31%);
border-color: oklch(0.617 0.127 166.3);
}Tailwind CSS v4
@theme {
--color-free-speech-aquamarine: #029d74;
--color-free-speech-aquamarine-50: #d3ffee;
--color-free-speech-aquamarine-100: #bff6e0;
--color-free-speech-aquamarine-200: #9de6ca;
--color-free-speech-aquamarine-300: #70cdab;
--color-free-speech-aquamarine-400: #42b68d;
--color-free-speech-aquamarine-500: #00a073;
--color-free-speech-aquamarine-600: #008761;
--color-free-speech-aquamarine-700: #006c4e;
--color-free-speech-aquamarine-800: #005037;
--color-free-speech-aquamarine-900: #003825;
--color-free-speech-aquamarine-950: #002214;
}SCSS
$free-speech-aquamarine: #029d74;
$free-speech-aquamarine-rgb: 2, 157, 116;
$free-speech-aquamarine-light: mix(#fff, $free-speech-aquamarine, 20%);
$free-speech-aquamarine-dark: mix(#000, $free-speech-aquamarine, 20%);
.element {
color: $free-speech-aquamarine;
box-shadow: 0 0 0 2px rgba($free-speech-aquamarine, 0.35);
}