Colore con nome più vicino · #80566A
#80566A
Colore con nome più vicino: Royal Fig
#80566A (rgb(128 86 106), hsl(331 20% 42%), oklch(0.505 0.062 349.5)) è più vicino al colore con nome Royal Fig. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#80566A
oklch(0.505 0.062 349.5)
Conversioni di colore
- HEX
- #80566a
- RGB
- rgb(128 86 106)
- HSL
- hsl(331 20% 42%)
- HWB
- hwb(331 34% 50%)
- OKLCH
- oklch(0.505 0.062 349.5)
- OKLab
- oklab(0.505 0.061 -0.011)
- CIE Lab
- lab(41.76 20.28 -4.09)
- LCH
- lch(41.76 20.69 348.6)
- CMYK
- cmyk(0% 33% 17% 50%)
Tinte · Ombre · Toni
Tinte
- 8D6678
- 997686
- A68694
- B296A3
- BFA7B2
- CCB8C1
- D8CAD0
- E5DBDF
- F2EDEF
Ombre
- 6E4A5B
- 5D3E4D
- 4D323F
- 3D2731
- 2E1C24
- 1F1218
- 12080D
- 060204
- 010000
Toni
- 805A6C
- 815F6E
- 816371
- 816773
- 816B75
- 816F77
- 817479
- 81787C
- 807C7E
Armonie di colore
Complementare +180°
- 80566A
Royal Fig
- 3E705F
≈ Cormorant
Analogo -30° +30°
- 80566A
Royal Fig
- 74597B
≈ Dr Who
- 855656
≈ Flowering Chestnut
Triadico +120° +240°
- 80566A
Royal Fig
- 67683D
≈ Jungle Civilization
- 3C6C81
≈ Bering Wave
Complementare divisa +150° +210°
- 80566A
Royal Fig
- 526E4B
≈ Graceland Grass
- 347072
≈ Nordmann Fir
Tetradico +90° +180° +270°
- 80566A
Royal Fig
- 78613A
≈ Twig Basket
- 3E705F
≈ Cormorant
- 4F6589
≈ Luxe Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.07:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.45:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-fig: #80566a;
--royal-fig-rgb: 128 86 106;
--royal-fig-oklch: oklch(0.505 0.062 349.5);
}
.element {
color: var(--royal-fig);
background-color: hsl(331 20% 42%);
border-color: oklch(0.505 0.062 349.5);
}Tailwind CSS v4
@theme {
--color-royal-fig: #80566a;
--color-royal-fig-50: #ffeef7;
--color-royal-fig-100: #f9e0ea;
--color-royal-fig-200: #eacad7;
--color-royal-fig-300: #d2abbb;
--color-royal-fig-400: #bc90a4;
--color-royal-fig-500: #a6758c;
--color-royal-fig-600: #8c6477;
--color-royal-fig-700: #714f5f;
--color-royal-fig-800: #533a46;
--color-royal-fig-900: #3a2731;
--color-royal-fig-950: #24161d;
}SCSS
$royal-fig: #80566a;
$royal-fig-rgb: 128, 86, 106;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}