Benannte Farbe · #71AF98
Dusty Jade Green
Dusty Jade Green ist #71AF98: rgb(113 175 152), hsl(158 28% 56%), oklch(0.705 0.073 168.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Dusty Jade Green color name →
#71AF98
oklch(0.705 0.073 168.8)
Farbumrechnungen
- HEX
- #71af98
- RGB
- rgb(113 175 152)
- HSL
- hsl(158 28% 56%)
- HWB
- hwb(158 44% 31%)
- OKLCH
- oklch(0.705 0.073 168.8)
- OKLab
- oklab(0.705 -0.071 0.014)
- CIE Lab
- lab(66.76 -24.81 5.18)
- LCH
- lch(66.76 25.34 168.2)
- CMYK
- cmyk(35% 0% 13% 31%)
Tints · Shades · Tones
Tints
- 80B7A2
- 8EBFAC
- 9CC7B6
- AACFC0
- B8D7CA
- C7DFD5
- D5E7DF
- E3EFEA
- F1F7F4
Shades
- 619884
- 528170
- 436B5C
- 35564A
- 274138
- 1A2E27
- 0E1C17
- 040B08
- 010101
Tones
- 73AA96
- 76A693
- 78A191
- 799C8E
- 7B978C
- 7C938A
- 7D8E87
- 7E8985
- 7F8582
Farbharmonien
Komplementär +180°
- 71AF98
Dusty Jade Green
- C38EA7
≈ Bonny Belle
Analog -30° +30°
- 71AF98
Dusty Jade Green
- 89AB7F
≈ Lounge Green
- 66AEB1
≈ Fountain Blue
Triadisch +120° +240°
- 71AF98
Dusty Jade Green
- 9E99CB
≈ Bluebell Frost
- C69378
≈ African Bubinga
Geteilt komplementär +150° +210°
- 71AF98
Dusty Jade Green
- B492BD
≈ Quibble
- CA8E8E
≈ Martini East
Tetradisch +90° +180° +270°
- 71AF98
Dusty Jade Green
- 85A1CE
≈ Wisteria Blue
- C38EA7
≈ Bonny Belle
- B99B6C
≈ Eastern Gold
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.53:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.28:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--dusty-jade-green: #71af98;
--dusty-jade-green-rgb: 113 175 152;
--dusty-jade-green-oklch: oklch(0.705 0.073 168.8);
}
.element {
color: var(--dusty-jade-green);
background-color: hsl(158 28% 56%);
border-color: oklch(0.705 0.073 168.8);
}Tailwind CSS v4
@theme {
--color-dusty-jade-green: #71af98;
--color-dusty-jade-green-50: #e2fcf2;
--color-dusty-jade-green-100: #d1f0e4;
--color-dusty-jade-green-200: #b6dfd0;
--color-dusty-jade-green-300: #92c4b2;
--color-dusty-jade-green-400: #72ad97;
--color-dusty-jade-green-500: #51967e;
--color-dusty-jade-green-600: #457f6a;
--color-dusty-jade-green-700: #376655;
--color-dusty-jade-green-800: #284b3d;
--color-dusty-jade-green-900: #1b342a;
--color-dusty-jade-green-950: #0b1f17;
}SCSS
$dusty-jade-green: #71af98;
$dusty-jade-green-rgb: 113, 175, 152;
$dusty-jade-green-light: mix(#fff, $dusty-jade-green, 20%);
$dusty-jade-green-dark: mix(#000, $dusty-jade-green, 20%);
.element {
color: $dusty-jade-green;
box-shadow: 0 0 0 2px rgba($dusty-jade-green, 0.35);
}