Couleur nommée · #C08F45
Centra
Centra correspond à #C08F45 : rgb(192 143 69), hsl(36 49% 51%), oklch(0.683 0.109 75.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Centra color name →
#C08F45
oklch(0.683 0.109 75.4)
Conversions de couleur
- HEX
- #c08f45
- RGB
- rgb(192 143 69)
- HSL
- hsl(36 49% 51%)
- HWB
- hwb(36 27% 25%)
- OKLCH
- oklch(0.683 0.109 75.4)
- OKLab
- oklab(0.683 0.027 0.105)
- CIE Lab
- lab(63.16 13.46 45.96)
- LCH
- lch(63.16 47.89 73.7)
- CMYK
- cmyk(0% 26% 64% 25%)
Teintes · Ombres · Tons
Teintes
- C79A5A
- CDA56D
- D3B080
- DABC92
- E0C7A4
- E6D2B6
- EDDDC8
- F3E8DA
- F9F4ED
Ombres
- A77C3B
- 8E6931
- 765727
- 5F451E
- 493415
- 34240C
- 201505
- 0E0702
- 020100
Tons
- BA8E4D
- B38D55
- AD8B5C
- A78A62
- A08868
- 9A876D
- 938572
- 8D8477
- 86827C
Harmonies de couleurs
Complémentaire +180°
- C08F45
Centra
- 6A9CDB
≈ Blue Bay
Analogue -30° +30°
- C08F45
Centra
- D1835F
≈ Burning Sand
- A39D47
≈ Poplar
Triadique +120° +240°
- C08F45
Centra
- 26AEAE
≈ Larkspur Blue
- B384C7
≈ Creeping Bellflower
Complémentaire divisée +150° +210°
- C08F45
Centra
- 3DA7CC
≈ Laguna
- 938FDA
≈ Perrywinkle
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.89:1 · APCA Lc 55
Ag
AAASur noir
WCAG 7.25:1 · APCA Lc 47
Meilleure couleur de texte: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Extraits de code
CSS
:root {
--centra: #c08f45;
--centra-rgb: 192 143 69;
--centra-oklch: oklch(0.683 0.109 75.4);
}
.element {
color: var(--centra);
background-color: hsl(36 49% 51%);
border-color: oklch(0.683 0.109 75.4);
}Tailwind CSS v4
@theme {
--color-centra: #c08f45;
--color-centra-50: #fff2d3;
--color-centra-100: #fde4c0;
--color-centra-200: #efcfa0;
--color-centra-300: #d7b177;
--color-centra-400: #c49550;
--color-centra-500: #af7a20;
--color-centra-600: #94681e;
--color-centra-700: #775318;
--color-centra-800: #593c10;
--color-centra-900: #3e290a;
--color-centra-950: #271700;
}SCSS
$centra: #c08f45;
$centra-rgb: 192, 143, 69;
$centra-light: mix(#fff, $centra, 20%);
$centra-dark: mix(#000, $centra, 20%);
.element {
color: $centra;
box-shadow: 0 0 0 2px rgba($centra, 0.35);
}