Benannte Farbe · #167D60
Verdant Green
Verdant Green ist #167D60: rgb(22 125 96), hsl(163 70% 29%), oklch(0.527 0.1 168.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Verdant Green color name →
#167D60
oklch(0.527 0.1 168.3)
Farbumrechnungen
- HEX
- #167d60
- RGB
- rgb(22 125 96)
- HSL
- hsl(163 70% 29%)
- HWB
- hwb(163 9% 51%)
- OKLCH
- oklch(0.527 0.1 168.3)
- OKLab
- oklab(0.527 -0.098 0.02)
- CIE Lab
- lab(46.43 -34.8 7.51)
- LCH
- lch(46.43 35.6 167.8)
- CMYK
- cmyk(82% 0% 23% 51%)
Tints · Shades · Tones
Tints
- 398A6F
- 52967E
- 68A38D
- 7EB09C
- 94BDAC
- A9CABC
- BED7CD
- D4E4DD
- E9F2EE
Shades
- 126C52
- 0D5B45
- 094B38
- 063B2C
- 032C20
- 021E15
- 01110A
- 000503
- 000100
Tones
- 2B7E63
- 397E66
- 447F6A
- 4F7F6D
- 587F70
- 618073
- 698076
- 71807A
- 79807D
Farbharmonien
Komplementär +180°
- 167D60
Verdant Green
- 955175
≈ Sea Fan Fuchsia
Analog -30° +30°
- 167D60
Verdant Green
- 4C783E
≈ Nereus
- 007A7E
≈ Tobernite
Triadisch +120° +240°
- 167D60
Verdant Green
- 6960A1
≈ Giant Onion
- 995733
≈ Seared Earth
Geteilt komplementär +150° +210°
- 167D60
Verdant Green
- 835790
≈ Purple Tanzanite
- 9C5154
≈ Brown Cerberus
Tetradisch +90° +180° +270°
- 167D60
Verdant Green
- 456BA4
≈ Indigo Batik
- 955175
≈ Sea Fan Fuchsia
- 8A6318
≈ Kumera
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.07:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.13:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--verdant-green: #167d60;
--verdant-green-rgb: 22 125 96;
--verdant-green-oklch: oklch(0.527 0.1 168.3);
}
.element {
color: var(--verdant-green);
background-color: hsl(163 70% 29%);
border-color: oklch(0.527 0.1 168.3);
}Tailwind CSS v4
@theme {
--color-verdant-green: #167d60;
--color-verdant-green-50: #dafff1;
--color-verdant-green-100: #c8f3e3;
--color-verdant-green-200: #aae3ce;
--color-verdant-green-300: #81c8b0;
--color-verdant-green-400: #5cb293;
--color-verdant-green-500: #2e9b7a;
--color-verdant-green-600: #298367;
--color-verdant-green-700: #216952;
--color-verdant-green-800: #184d3a;
--color-verdant-green-900: #0f3628;
--color-verdant-green-950: #022116;
}SCSS
$verdant-green: #167d60;
$verdant-green-rgb: 22, 125, 96;
$verdant-green-light: mix(#fff, $verdant-green, 20%);
$verdant-green-dark: mix(#000, $verdant-green, 20%);
.element {
color: $verdant-green;
box-shadow: 0 0 0 2px rgba($verdant-green, 0.35);
}