Colore con nome · #C7B39E
Rincon Cove
Rincon Cove è #C7B39E: rgb(199 179 158), hsl(31 27% 70%), oklch(0.778 0.037 68.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rincon Cove color name →
#C7B39E
oklch(0.778 0.037 68.6)
Conversioni di colore
- HEX
- #c7b39e
- RGB
- rgb(199 179 158)
- HSL
- hsl(31 27% 70%)
- HWB
- hwb(31 62% 22%)
- OKLCH
- oklch(0.778 0.037 68.6)
- OKLab
- oklab(0.778 0.014 0.034)
- CIE Lab
- lab(74.25 4.92 13.52)
- LCH
- lch(74.25 14.38 70)
- CMYK
- cmyk(0% 10% 21% 22%)
Tinte · Ombre · Toni
Tinte
- CDBAA7
- D2C2B1
- D8C9BA
- DDD1C4
- E3D8CE
- E8E0D7
- EEE8E1
- F4EFEB
- F9F7F5
Ombre
- AD9B89
- 938474
- 7A6E60
- 62584D
- 4C433A
- 362F29
- 211D18
- 0E0C09
- 020101
Toni
- C0AE9B
- B8A998
- B1A395
- AA9E92
- A3998F
- 9C948C
- 958F89
- 8E8A86
- 878583
Armonie di colore
Complementare +180°
- C7B39E
Rincon Cove
- A5B9CE
≈ Northern Pond
Analogo -30° +30°
- C7B39E
Rincon Cove
- CDAFA6
≈ Lime Hawk Moth
- BCB89D
≈ Trinity Islands
Triadico +120° +240°
- C7B39E
Rincon Cove
- 9DBFBB
≈ Frosty Glade
- BDB1C9
≈ Violet Bouquet
Complementare divisa +150° +210°
- C7B39E
Rincon Cove
- 9DBDC7
≈ Evocative Blue
- B1B5CF
≈ Hundred Waters
Tetradico +90° +180° +270°
- C7B39E
Rincon Cove
- A4BEAE
≈ Spring Reflection
- A5B9CE
≈ Northern Pond
- C8AEBF
≈ Maverick
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.37:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--rincon-cove: #c7b39e;
--rincon-cove-rgb: 199 179 158;
--rincon-cove-oklch: oklch(0.778 0.037 68.6);
}
.element {
color: var(--rincon-cove);
background-color: hsl(31 27% 70%);
border-color: oklch(0.778 0.037 68.6);
}Tailwind CSS v4
@theme {
--color-rincon-cove: #c7b39e;
--color-rincon-cove-50: #fcf4ea;
--color-rincon-cove-100: #f0e6db;
--color-rincon-cove-200: #dfd2c4;
--color-rincon-cove-300: #c4b5a3;
--color-rincon-cove-400: #ad9b87;
--color-rincon-cove-500: #97826c;
--color-rincon-cove-600: #806e5c;
--color-rincon-cove-700: #665849;
--color-rincon-cove-800: #4b4035;
--color-rincon-cove-900: #342c24;
--color-rincon-cove-950: #201913;
}SCSS
$rincon-cove: #c7b39e;
$rincon-cove-rgb: 199, 179, 158;
$rincon-cove-light: mix(#fff, $rincon-cove, 20%);
$rincon-cove-dark: mix(#000, $rincon-cove, 20%);
.element {
color: $rincon-cove;
box-shadow: 0 0 0 2px rgba($rincon-cove, 0.35);
}