Couleur nommée la plus proche · #C44700
#C44700
Couleur nommée la plus proche: Vinaceous Tawny
#C44700 (rgb(196 71 0), hsl(22 100% 38%), oklch(0.564 0.172 41.4)) est la plus proche de la couleur nommée Vinaceous Tawny. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C44700
oklch(0.564 0.172 41.4)
Conversions de couleur
- HEX
- #c44700
- RGB
- rgb(196 71 0)
- HSL
- hsl(22 100% 38%)
- HWB
- hwb(22 0% 23%)
- OKLCH
- oklch(0.564 0.172 41.4)
- OKLab
- oklab(0.564 0.129 0.114)
- CIE Lab
- lab(48.01 49.18 59.2)
- LCH
- lch(48.01 76.97 50.3)
- CMYK
- cmyk(0% 64% 100% 23%)
Teintes · Ombres · Tons
Teintes
- CC5C2D
- D46F48
- DB8260
- E29477
- E8A68D
- EEB8A4
- F3CABA
- F7DBD1
- FCEDE8
Ombres
- AA3D00
- 913200
- 782800
- 611F00
- 4A1600
- 350D00
- 210600
- 0E0200
- 020000
Tons
- BE4F1F
- B9572F
- B35D3C
- AD6448
- A66952
- 9F6E5C
- 987365
- 91786E
- 897C77
Harmonies de couleurs
Complémentaire +180°
- C44700
Vinaceous Tawny
- 0083A0
≈ Ahoy! Blue
Analogue -30° +30°
- C44700
Vinaceous Tawny
- C53D5B
≈ Cherry Lolly
- A16700
≈ Cumin Ochre
Triadique +120° +240°
- C44700
Vinaceous Tawny
- 008B5D
≈ Absinthe Turquoise
- 6863D6
≈ Exodus Fruit
Complémentaire divisée +150° +210°
- C44700
Vinaceous Tawny
- 008783
≈ Green Lapis
- 0077D2
≈ Bright Navy Blue
Tétradique +90° +180° +270°
- C44700
Vinaceous Tawny
- 538700
≈ Pesto Alla Genovese
- 0083A0
≈ Ahoy! Blue
- 9651BE
≈ Liberal Lilac
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.94:1 · APCA Lc 73
Ag
FailSur noir
WCAG 4.24:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--vinaceous-tawny: #c44700;
--vinaceous-tawny-rgb: 196 71 0;
--vinaceous-tawny-oklch: oklch(0.564 0.172 41.4);
}
.element {
color: var(--vinaceous-tawny);
background-color: hsl(22 100% 38%);
border-color: oklch(0.564 0.172 41.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-tawny: #c44700;
--color-vinaceous-tawny-50: #ffe6ce;
--color-vinaceous-tawny-100: #ffd6ba;
--color-vinaceous-tawny-200: #ffbc98;
--color-vinaceous-tawny-300: #ff986c;
--color-vinaceous-tawny-400: #f07645;
--color-vinaceous-tawny-500: #df5200;
--color-vinaceous-tawny-600: #bc460a;
--color-vinaceous-tawny-700: #97380a;
--color-vinaceous-tawny-800: #712709;
--color-vinaceous-tawny-900: #501a06;
--color-vinaceous-tawny-950: #350900;
}SCSS
$vinaceous-tawny: #c44700;
$vinaceous-tawny-rgb: 196, 71, 0;
$vinaceous-tawny-light: mix(#fff, $vinaceous-tawny, 20%);
$vinaceous-tawny-dark: mix(#000, $vinaceous-tawny, 20%);
.element {
color: $vinaceous-tawny;
box-shadow: 0 0 0 2px rgba($vinaceous-tawny, 0.35);
}