Cor nomeada · #DD6B38
Sorbus
Sorbus é #DD6B38: rgb(221 107 56), hsl(19 71% 54%), oklch(0.655 0.157 43). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sorbus color name →
#DD6B38
oklch(0.655 0.157 43)
Conversões de cor
- HEX
- #dd6b38
- RGB
- rgb(221 107 56)
- HSL
- hsl(19 71% 54%)
- HWB
- hwb(19 22% 13%)
- OKLCH
- oklch(0.655 0.157 43)
- OKLab
- oklab(0.655 0.115 0.107)
- CIE Lab
- lab(58.85 43.16 49.17)
- LCH
- lch(58.85 65.42 48.7)
- CMYK
- cmyk(0% 52% 75% 13%)
Tons claros · Sombras · Tons
Tons claros
- E27B4F
- E78A64
- EB9977
- EFA88B
- F3B79E
- F6C5B1
- F9D4C5
- FCE2D8
- FEF1EB
Sombras
- C05C2F
- A44E27
- 883F1F
- 6E3217
- 55250F
- 3D1808
- 260D04
- 110401
- 020000
Tons
- D46E42
- CC724B
- C37454
- BA775B
- B17962
- A87B69
- 9E7C6F
- 957E75
- 8A7F7A
Harmonias de cor
Complementar +180°
- DD6B38
Sorbus
- 00A0C7
≈ Resonant Blue
Análoga -30° +30°
- DD6B38
Sorbus
- DF6275
≈ Feverish
- C38100
≈ Turmeric Brown
Tríade +120° +240°
Complementar dividida +150° +210°
- DD6B38
Sorbus
- 00A6A4
≈ Royal Cloak
- 4093ED
≈ Olympic Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.36:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.23:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--sorbus: #dd6b38;
--sorbus-rgb: 221 107 56;
--sorbus-oklch: oklch(0.655 0.157 43);
}
.element {
color: var(--sorbus);
background-color: hsl(19 71% 54%);
border-color: oklch(0.655 0.157 43);
}Tailwind CSS v4
@theme {
--color-sorbus: #dd6b38;
--color-sorbus-50: #ffe8d1;
--color-sorbus-100: #ffd8bd;
--color-sorbus-200: #ffbf9c;
--color-sorbus-300: #fa9c72;
--color-sorbus-400: #e97c4d;
--color-sorbus-500: #d75a1a;
--color-sorbus-600: #b64d19;
--color-sorbus-700: #923e14;
--color-sorbus-800: #6d2b10;
--color-sorbus-900: #4d1d0a;
--color-sorbus-950: #330c00;
}SCSS
$sorbus: #dd6b38;
$sorbus-rgb: 221, 107, 56;
$sorbus-light: mix(#fff, $sorbus, 20%);
$sorbus-dark: mix(#000, $sorbus, 20%);
.element {
color: $sorbus;
box-shadow: 0 0 0 2px rgba($sorbus, 0.35);
}