Colore con nome · #83988C
Paradise Found
Paradise Found è #83988C: rgb(131 152 140), hsl(146 9% 55%), oklch(0.66 0.03 160.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Paradise Found color name →
#83988C
oklch(0.66 0.03 160.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8FA297
- 9BACA2
- A7B6AD
- B3C0B8
- BFCAC4
- CCD5D0
- D8DFDB
- E5EAE7
- F2F4F3
Ombre
- 718479
- 607067
- 4F5C55
- 3F4A43
- 2F3833
- 202723
- 121714
- 060807
- 010101
Toni
- 83968B
- 83938A
- 829188
- 828E87
- 828C86
- 818A85
- 818784
- 818582
- 808281
Armonie di colore
Complementare +180°
- 83988C
Paradise Found
- 9F8B98
≈ Greige Violet
Analogo -30° +30°
- 83988C
Paradise Found
- 8C9683
≈ Agreeable Green
- 7E9896
≈ Tidepool Wonder
Triadico +120° +240°
- 83988C
Paradise Found
- 8E90A4
≈ Cotton Flannel
- A38C85
≈ Irish Tea
Complementare divisa +150° +210°
- 83988C
Paradise Found
- 988DA0
≈ Berry Cream
- A38B8E
≈ Tin Pink
Tetradico +90° +180° +270°
- 83988C
Paradise Found
- 8594A4
≈ Supreme Grey
- 9F8B98
≈ Greige Violet
- 9E8F7F
≈ Antique Leather
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.07:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.83:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
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);
}