Benannte Farbe · #A18E6B
Pond Green
Pond Green ist #A18E6B: rgb(161 142 107), hsl(39 22% 53%), oklch(0.655 0.054 82.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Pond Green color name →
#A18E6B
oklch(0.655 0.054 82.6)
Farbumrechnungen
- HEX
- #a18e6b
- RGB
- rgb(161 142 107)
- HSL
- hsl(39 22% 53%)
- HWB
- hwb(39 42% 37%)
- OKLCH
- oklch(0.655 0.054 82.6)
- OKLab
- oklab(0.655 0.007 0.053)
- CIE Lab
- lab(60.08 3.41 21.46)
- LCH
- lch(60.08 21.73 81)
- CMYK
- cmyk(0% 12% 34% 37%)
Tints · Shades · Tones
Tints
- AA9979
- B3A488
- BCAF96
- C6BAA5
- CFC5B3
- D9D1C2
- E2DCD1
- ECE8E0
- F5F3F0
Shades
- 8B7B5C
- 76684E
- 62563F
- 4E4432
- 3C3425
- 2A2418
- 19150D
- 090704
- 010100
Tones
- 9E8D6D
- 9A8B70
- 978A72
- 948974
- 908776
- 8D8678
- 8A847A
- 87837C
- 83817E
Farbharmonien
Komplementär +180°
- A18E6B
Pond Green
- 7F91B2
≈ Luxury
Analog -30° +30°
- A18E6B
Pond Green
- AC8872
≈ Renwick Rose Beige
- 91946E
≈ Boston Fern
Triadisch +120° +240°
- A18E6B
Pond Green
- 699B9F
≈ Palmetto
- A186A4
≈ Wonder Violet
Geteilt komplementär +150° +210°
- A18E6B
Pond Green
- 6F97AC
≈ American Anthem
- 918BAF
≈ Larkspur Violet
Tetradisch +90° +180° +270°
- A18E6B
Pond Green
- 6E9C8D
≈ Little League
- 7F91B2
≈ Luxury
- AC8394
≈ Mohair Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.59:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--pond-green: #a18e6b;
--pond-green-rgb: 161 142 107;
--pond-green-oklch: oklch(0.655 0.054 82.6);
}
.element {
color: var(--pond-green);
background-color: hsl(39 22% 53%);
border-color: oklch(0.655 0.054 82.6);
}Tailwind CSS v4
@theme {
--color-pond-green: #a18e6b;
--color-pond-green-50: #fcf4e4;
--color-pond-green-100: #f0e7d4;
--color-pond-green-200: #dfd3bb;
--color-pond-green-300: #c4b699;
--color-pond-green-400: #ae9c7a;
--color-pond-green-500: #98835d;
--color-pond-green-600: #806f4f;
--color-pond-green-700: #67593f;
--color-pond-green-800: #4c412d;
--color-pond-green-900: #352c1e;
--color-pond-green-950: #201a0e;
}SCSS
$pond-green: #a18e6b;
$pond-green-rgb: 161, 142, 107;
$pond-green-light: mix(#fff, $pond-green, 20%);
$pond-green-dark: mix(#000, $pond-green, 20%);
.element {
color: $pond-green;
box-shadow: 0 0 0 2px rgba($pond-green, 0.35);
}