Couleur nommée la plus proche · #CD652C
#CD652C
Couleur nommée la plus proche: Chivalrous Fox
#CD652C (rgb(205 101 44), hsl(21 65% 49%), oklch(0.622 0.149 46.3)) est la plus proche de la couleur nommée Chivalrous Fox. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CD652C
oklch(0.622 0.149 46.3)
Conversions de couleur
- HEX
- #cd652c
- RGB
- rgb(205 101 44)
- HSL
- hsl(21 65% 49%)
- HWB
- hwb(21 17% 20%)
- OKLCH
- oklch(0.622 0.149 46.3)
- OKLab
- oklab(0.622 0.103 0.108)
- CIE Lab
- lab(55.14 39.51 50.27)
- LCH
- lch(55.14 63.94 51.8)
- CMYK
- cmyk(0% 51% 79% 20%)
Teintes · Ombres · Tons
Teintes
- D47545
- DA855B
- E09470
- E5A485
- EBB399
- EFC2AD
- F4D1C1
- F8E1D6
- FCF0EA
Ombres
- B25725
- 98491E
- 7E3C17
- 662F11
- 4E220A
- 381705
- 230C02
- 0F0301
- 020000
Tons
- C66939
- BF6D43
- B8704D
- B17355
- A9765D
- A17865
- 9A7A6C
- 917C73
- 897E79
Harmonies de couleurs
Complémentaire +180°
- CD652C
Chivalrous Fox
- 0094BE
≈ Blue Danube
Analogue -30° +30°
- CD652C
Chivalrous Fox
- D15B67
≈ Tandoori Red
- B37A00
≈ Golden Brown
Triadique +120° +240°
- CD652C
Chivalrous Fox
- 009F75
≈ Free Speech Aquamarine
- 8176DB
≈ Kickstart Purple
Complémentaire divisée +150° +210°
- CD652C
Chivalrous Fox
- 009A9C
≈ Riviera Paradise
- 4587DE
≈ Blue Jay
Tétradique +90° +180° +270°
- CD652C
Chivalrous Fox
- 5A9A37
≈ Hubert’s Truck Green
- 0094BE
≈ Blue Danube
- A967C2
≈ Prickly Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.82:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.49:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--chivalrous-fox: #cd652c;
--chivalrous-fox-rgb: 205 101 44;
--chivalrous-fox-oklch: oklch(0.622 0.149 46.3);
}
.element {
color: var(--chivalrous-fox);
background-color: hsl(21 65% 49%);
border-color: oklch(0.622 0.149 46.3);
}Tailwind CSS v4
@theme {
--color-chivalrous-fox: #cd652c;
--color-chivalrous-fox-50: #ffe9d1;
--color-chivalrous-fox-100: #ffdabd;
--color-chivalrous-fox-200: #ffc19c;
--color-chivalrous-fox-300: #f59f72;
--color-chivalrous-fox-400: #e57f4c;
--color-chivalrous-fox-500: #d25f18;
--color-chivalrous-fox-600: #b25119;
--color-chivalrous-fox-700: #8f4114;
--color-chivalrous-fox-800: #6b2e0f;
--color-chivalrous-fox-900: #4b1f09;
--color-chivalrous-fox-950: #310e00;
}SCSS
$chivalrous-fox: #cd652c;
$chivalrous-fox-rgb: 205, 101, 44;
$chivalrous-fox-light: mix(#fff, $chivalrous-fox, 20%);
$chivalrous-fox-dark: mix(#000, $chivalrous-fox, 20%);
.element {
color: $chivalrous-fox;
box-shadow: 0 0 0 2px rgba($chivalrous-fox, 0.35);
}