Color con nombre más cercano · #CB6100
#CB6100
Color con nombre más cercano: Cinnamon
#CB6100 (rgb(203 97 0), hsl(29 100% 40%), oklch(0.611 0.159 51.2)) se parece más al color con nombre Cinnamon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CB6100
oklch(0.611 0.159 51.2)
Conversiones de color
- HEX
- #cb6100
- RGB
- rgb(203 97 0)
- HSL
- hsl(29 100% 40%)
- HWB
- hwb(29 0% 20%)
- OKLCH
- oklch(0.611 0.159 51.2)
- OKLab
- oklab(0.611 0.1 0.124)
- CIE Lab
- lab(53.87 40.03 62.67)
- LCH
- lch(53.87 74.36 57.4)
- CMYK
- cmyk(0% 52% 100% 20%)
Tintes · Sombras · Tonos
Tintes
- D27231
- D8824C
- DF9264
- E4A27B
- EAB191
- EFC1A7
- F3D0BD
- F8E0D3
- FCEFE9
Sombras
- B05300
- 964600
- 7D3900
- 652D00
- 4D2100
- 371500
- 220B00
- 0F0300
- 020000
Tonos
- C46622
- BE6A33
- B76D40
- AF714B
- A87455
- A1775F
- 997967
- 917C70
- 897E78
Armonías de color
Complementario +180°
- CB6100
Cinnamon
- 008FC0
≈ Blue to the Bone
Análogo -30° +30°
- CB6100
Cinnamon
- D25458
≈ Spiced Coral
- A97A00
≈ Bronze
Triádico +120° +240°
- CB6100
Cinnamon
- 009A7A
≈ Cadaverous
- 866EDA
≈ Matt Purple
Complementario dividido +150° +210°
- CB6100
Cinnamon
- 00959D
≈ Peacock Feather
- 4A80E1
≈ Skies of Cyberspace
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.00:1 · APCA Lc 67
Ag
AASobre negro
WCAG 5.24:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 5.24:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--cinnamon: #cb6100;
--cinnamon-rgb: 203 97 0;
--cinnamon-oklch: oklch(0.611 0.159 51.2);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 40%);
border-color: oklch(0.611 0.159 51.2);
}Tailwind CSS v4
@theme {
--color-cinnamon: #cb6100;
--color-cinnamon-50: #ffeacb;
--color-cinnamon-100: #ffdab7;
--color-cinnamon-200: #ffc294;
--color-cinnamon-300: #f7a066;
--color-cinnamon-400: #e67f3a;
--color-cinnamon-500: #d45f00;
--color-cinnamon-600: #b35100;
--color-cinnamon-700: #904000;
--color-cinnamon-800: #6c2d00;
--color-cinnamon-900: #4c1f01;
--color-cinnamon-950: #320e00;
}SCSS
$cinnamon: #cb6100;
$cinnamon-rgb: 203, 97, 0;
$cinnamon-light: mix(#fff, $cinnamon, 20%);
$cinnamon-dark: mix(#000, $cinnamon, 20%);
.element {
color: $cinnamon;
box-shadow: 0 0 0 2px rgba($cinnamon, 0.35);
}