Cor nomeada mais próxima · #D96800
#D96800
Cor nomeada mais próxima: Cinnamon
#D96800 (rgb(217 104 0), hsl(29 100% 43%), oklch(0.642 0.167 51.1)) é mais próxima da cor nomeada Cinnamon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D96800
oklch(0.642 0.167 51.1)
Conversões de cor
- HEX
- #d96800
- RGB
- rgb(217 104 0)
- HSL
- hsl(29 100% 43%)
- HWB
- hwb(29 0% 15%)
- OKLCH
- oklch(0.642 0.167 51.1)
- OKLab
- oklab(0.642 0.105 0.13)
- CIE Lab
- lab(57.43 42.16 65.87)
- LCH
- lch(57.43 78.2 57.4)
- CMYK
- cmyk(0% 52% 100% 15%)
Tons claros · Sombras · Tons
Tons claros
- DF7833
- E4884F
- E99767
- EDA67D
- F1B593
- F5C4A9
- F8D3BE
- FBE2D4
- FDF0E9
Sombras
- BC5900
- A14B00
- 863E00
- 6C3000
- 532400
- 3B1800
- 250C00
- 110400
- 020000
Tons
- D16C24
- C96F35
- C07242
- B8754D
- AF7857
- A67A60
- 9D7C69
- 947D71
- 8A7F79
Harmonias de cor
Complementar +180°
- D96800
Cinnamon
- 0099CD
≈ Tomb Blue
Análoga -30° +30°
- D96800
Cinnamon
- E05A5F
≈ Aphrodisiac
- B58300
≈ Letter Jacket
Tríade +120° +240°
- D96800
Cinnamon
- 00A583
≈ Congo Green
- 8F76E9
≈ Matt Purple
Complementar dividida +150° +210°
- D96800
Cinnamon
- 00A0A8
≈ Ducati
- 4F89F1
≈ Blue Elemental
Tétrade +90° +180° +270°
- D96800
Cinnamon
- 49A43B
≈ Oregano Green
- 0099CD
≈ Tomb Blue
- B966C9
≈ Rich Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.54:1 · APCA Lc 62
Ag
AASobre preto
WCAG 5.93:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--cinnamon: #d96800;
--cinnamon-rgb: 217 104 0;
--cinnamon-oklch: oklch(0.642 0.167 51.1);
}
.element {
color: var(--cinnamon);
background-color: hsl(29 100% 43%);
border-color: oklch(0.642 0.167 51.1);
}Tailwind CSS v4
@theme {
--color-cinnamon: #d96800;
--color-cinnamon-50: #ffe9c9;
--color-cinnamon-100: #ffd9b4;
--color-cinnamon-200: #ffc190;
--color-cinnamon-300: #fa9e61;
--color-cinnamon-400: #ea7d32;
--color-cinnamon-500: #d85b00;
--color-cinnamon-600: #b64e00;
--color-cinnamon-700: #933e00;
--color-cinnamon-800: #6e2c00;
--color-cinnamon-900: #4d1e00;
--color-cinnamon-950: #330d00;
}SCSS
$cinnamon: #d96800;
$cinnamon-rgb: 217, 104, 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);
}