Couleur nommée la plus proche · #CB9A42
#CB9A42
Couleur nommée la plus proche: Camel Cardinal
#CB9A42 (rgb(203 154 66), hsl(39 57% 53%), oklch(0.716 0.119 79.3)) est la plus proche de la couleur nommée Camel Cardinal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CB9A42
oklch(0.716 0.119 79.3)
Conversions de couleur
- HEX
- #cb9a42
- RGB
- rgb(203 154 66)
- HSL
- hsl(39 57% 53%)
- HWB
- hwb(39 26% 20%)
- OKLCH
- oklch(0.716 0.119 79.3)
- OKLab
- oklab(0.716 0.022 0.117)
- CIE Lab
- lab(67.11 12.35 51.96)
- LCH
- lch(67.11 53.41 76.6)
- CMYK
- cmyk(0% 24% 67% 20%)
Teintes · Ombres · Tons
Teintes
- D0A458
- D6AE6D
- DBB880
- E0C392
- E6CDA5
- EBD7B7
- F0E1C9
- F5EBDB
- FAF5ED
Ombres
- B08538
- 96712F
- 7D5E25
- 654B1C
- 4D3914
- 37270B
- 221705
- 0F0901
- 020100
Tons
- C3984C
- BC9554
- B4935B
- AD9062
- A58E68
- 9E8B6D
- 968973
- 8F8677
- 87837C
Harmonies de couleurs
Complémentaire +180°
- CB9A42
Camel Cardinal
- 76A4EE
≈ Greek Sea
Analogue -30° +30°
- CB9A42
Camel Cardinal
- DF8C5D
≈ Copper Tan
- A9A949
≈ Olive Reserve
Triadique +120° +240°
- CB9A42
Camel Cardinal
- 13B9C0
≈ Cyan Sky
- C48AD2
≈ Purception
Complémentaire divisée +150° +210°
- CB9A42
Camel Cardinal
- 41B1DF
≈ Summer Sky
- A296E9
≈ Dull Lavender
Tétradique +90° +180° +270°
- CB9A42
Camel Cardinal
- 44BB97
≈ Expressionism Green
- 76A4EE
≈ Greek Sea
- DB83AF
≈ Middle Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.54:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.24:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--camel-cardinal: #cb9a42;
--camel-cardinal-rgb: 203 154 66;
--camel-cardinal-oklch: oklch(0.716 0.119 79.3);
}
.element {
color: var(--camel-cardinal);
background-color: hsl(39 57% 53%);
border-color: oklch(0.716 0.119 79.3);
}Tailwind CSS v4
@theme {
--color-camel-cardinal: #cb9a42;
--color-camel-cardinal-50: #fff2cf;
--color-camel-cardinal-100: #fce5bb;
--color-camel-cardinal-200: #eed09a;
--color-camel-cardinal-300: #d7b16e;
--color-camel-cardinal-400: #c49644;
--color-camel-cardinal-500: #b07b00;
--color-camel-cardinal-600: #946802;
--color-camel-cardinal-700: #775305;
--color-camel-cardinal-800: #593c03;
--color-camel-cardinal-900: #3e2903;
--color-camel-cardinal-950: #271700;
}SCSS
$camel-cardinal: #cb9a42;
$camel-cardinal-rgb: 203, 154, 66;
$camel-cardinal-light: mix(#fff, $camel-cardinal, 20%);
$camel-cardinal-dark: mix(#000, $camel-cardinal, 20%);
.element {
color: $camel-cardinal;
box-shadow: 0 0 0 2px rgba($camel-cardinal, 0.35);
}