Benannte Farbe · #83988C
Paradise Found
Paradise Found ist #83988C: rgb(131 152 140), hsl(146 9% 55%), oklch(0.66 0.03 160.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Paradise Found color name →
#83988C
oklch(0.66 0.03 160.5)
Farbumrechnungen
- HEX
- #83988c
- RGB
- rgb(131 152 140)
- HSL
- hsl(146 9% 55%)
- HWB
- hwb(146 51% 40%)
- OKLCH
- oklch(0.66 0.03 160.5)
- OKLab
- oklab(0.66 -0.028 0.01)
- CIE Lab
- lab(60.91 -9.57 3.7)
- LCH
- lch(60.91 10.27 158.9)
- CMYK
- cmyk(14% 0% 8% 40%)
Tints · Shades · Tones
Tints
- 8FA297
- 9BACA2
- A7B6AD
- B3C0B8
- BFCAC4
- CCD5D0
- D8DFDB
- E5EAE7
- F2F4F3
Shades
- 718479
- 607067
- 4F5C55
- 3F4A43
- 2F3833
- 202723
- 121714
- 060807
- 010101
Tones
- 83968B
- 83938A
- 829188
- 828E87
- 828C86
- 818A85
- 818784
- 818582
- 808281
Farbharmonien
Komplementär +180°
- 83988C
Paradise Found
- 9F8B98
≈ Greige Violet
Analog -30° +30°
- 83988C
Paradise Found
- 8C9683
≈ Agreeable Green
- 7E9896
≈ Tidepool Wonder
Triadisch +120° +240°
- 83988C
Paradise Found
- 8E90A4
≈ Cotton Flannel
- A38C85
≈ Irish Tea
Geteilt komplementär +150° +210°
- 83988C
Paradise Found
- 988DA0
≈ Berry Cream
- A38B8E
≈ Tin Pink
Tetradisch +90° +180° +270°
- 83988C
Paradise Found
- 8594A4
≈ Supreme Grey
- 9F8B98
≈ Greige Violet
- 9E8F7F
≈ Antique Leather
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.07:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.83:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--paradise-found: #83988c;
--paradise-found-rgb: 131 152 140;
--paradise-found-oklch: oklch(0.66 0.03 160.5);
}
.element {
color: var(--paradise-found);
background-color: hsl(146 9% 55%);
border-color: oklch(0.66 0.03 160.5);
}Tailwind CSS v4
@theme {
--color-paradise-found: #83988c;
--color-paradise-found-50: #eef8f3;
--color-paradise-found-100: #e0ebe5;
--color-paradise-found-200: #cad8d0;
--color-paradise-found-300: #abbcb3;
--color-paradise-found-400: #90a499;
--color-paradise-found-500: #768d80;
--color-paradise-found-600: #64776c;
--color-paradise-found-700: #505f56;
--color-paradise-found-800: #3a463f;
--color-paradise-found-900: #28302b;
--color-paradise-found-950: #161c18;
}SCSS
$paradise-found: #83988c;
$paradise-found-rgb: 131, 152, 140;
$paradise-found-light: mix(#fff, $paradise-found, 20%);
$paradise-found-dark: mix(#000, $paradise-found, 20%);
.element {
color: $paradise-found;
box-shadow: 0 0 0 2px rgba($paradise-found, 0.35);
}