Couleur nommée la plus proche · #AF7566
#AF7566
Couleur nommée la plus proche: Vin Cuit
#AF7566 (rgb(175 117 102), hsl(12 31% 54%), oklch(0.619 0.077 35.1)) est la plus proche de la couleur nommée Vin Cuit. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AF7566
oklch(0.619 0.077 35.1)
Conversions de couleur
- HEX
- #af7566
- RGB
- rgb(175 117 102)
- HSL
- hsl(12 31% 54%)
- HWB
- hwb(12 40% 31%)
- OKLCH
- oklch(0.619 0.077 35.1)
- OKLab
- oklab(0.619 0.063 0.044)
- CIE Lab
- lab(55.17 22.13 18.08)
- LCH
- lch(55.17 28.58 39.3)
- CMYK
- cmyk(0% 33% 42% 31%)
Teintes · Ombres · Tons
Teintes
- B78274
- C09083
- C89D92
- D0ABA1
- D8B9B0
- E0C6C0
- E8D4CF
- F0E2DF
- F7F1EF
Ombres
- 986558
- 81554A
- 6B463C
- 56372F
- 412923
- 2E1C17
- 1C0F0C
- 0B0504
- 010100
Tons
- AB7669
- A6786C
- A2796E
- 9D7A71
- 997B73
- 947C76
- 8F7D79
- 8A7E7B
- 857F7E
Harmonies de couleurs
Complémentaire +180°
- AF7566
Vin Cuit
- 4892A3
≈ Winter Time
Analogue -30° +30°
- AF7566
Vin Cuit
- AE727F
≈ Shade of Mauve
- A67C53
≈ Apple Seed
Triadique +120° +240°
- AF7566
Vin Cuit
- 5F9472
≈ Skarsnik Green
- 7882B5
≈ Venture Violet
Complémentaire divisée +150° +210°
- AF7566
Vin Cuit
- 49958C
≈ Mirage Lake
- 5D8BB2
≈ Alpha Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.77:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.55:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--vin-cuit: #af7566;
--vin-cuit-rgb: 175 117 102;
--vin-cuit-oklch: oklch(0.619 0.077 35.1);
}
.element {
color: var(--vin-cuit);
background-color: hsl(12 31% 54%);
border-color: oklch(0.619 0.077 35.1);
}Tailwind CSS v4
@theme {
--color-vin-cuit: #af7566;
--color-vin-cuit-50: #ffeee6;
--color-vin-cuit-100: #ffe0d6;
--color-vin-cuit-200: #f3cabd;
--color-vin-cuit-300: #dbaa9c;
--color-vin-cuit-400: #c78e80;
--color-vin-cuit-500: #b37363;
--color-vin-cuit-600: #976254;
--color-vin-cuit-700: #794e43;
--color-vin-cuit-800: #5a3831;
--color-vin-cuit-900: #3f2721;
--color-vin-cuit-950: #281511;
}SCSS
$vin-cuit: #af7566;
$vin-cuit-rgb: 175, 117, 102;
$vin-cuit-light: mix(#fff, $vin-cuit, 20%);
$vin-cuit-dark: mix(#000, $vin-cuit, 20%);
.element {
color: $vin-cuit;
box-shadow: 0 0 0 2px rgba($vin-cuit, 0.35);
}