Couleur nommée la plus proche · #80566A
#80566A
Couleur nommée la plus proche: Royal Fig
#80566A (rgb(128 86 106), hsl(331 20% 42%), oklch(0.505 0.062 349.5)) est la plus proche de la couleur nommée Royal Fig. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#80566A
oklch(0.505 0.062 349.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8D6678
- 997686
- A68694
- B296A3
- BFA7B2
- CCB8C1
- D8CAD0
- E5DBDF
- F2EDEF
Ombres
- 6E4A5B
- 5D3E4D
- 4D323F
- 3D2731
- 2E1C24
- 1F1218
- 12080D
- 060204
- 010000
Tons
- 805A6C
- 815F6E
- 816371
- 816773
- 816B75
- 816F77
- 817479
- 81787C
- 807C7E
Harmonies de couleurs
Complémentaire +180°
- 80566A
Royal Fig
- 3E705F
≈ Cormorant
Analogue -30° +30°
- 80566A
Royal Fig
- 74597B
≈ Dr Who
- 855656
≈ Flowering Chestnut
Triadique +120° +240°
- 80566A
Royal Fig
- 67683D
≈ Jungle Civilization
- 3C6C81
≈ Bering Wave
Complémentaire divisée +150° +210°
- 80566A
Royal Fig
- 526E4B
≈ Graceland Grass
- 347072
≈ Nordmann Fir
Tétradique +90° +180° +270°
- 80566A
Royal Fig
- 78613A
≈ Twig Basket
- 3E705F
≈ Cormorant
- 4F6589
≈ Luxe Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.07:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.45:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
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);
}