Cor nomeada · #C05200
Orange Rufous
Orange Rufous é #C05200: rgb(192 82 0), hsl(26 100% 38%), oklch(0.572 0.159 46.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Orange Rufous color name →
#C05200
oklch(0.572 0.159 46.6)
Conversões de cor
- HEX
- #c05200
- RGB
- rgb(192 82 0)
- HSL
- hsl(26 100% 38%)
- HWB
- hwb(26 0% 25%)
- OKLCH
- oklch(0.572 0.159 46.6)
- OKLab
- oklab(0.572 0.109 0.116)
- CIE Lab
- lab(49.22 42.85 59.25)
- LCH
- lch(49.22 73.12 54.1)
- CMYK
- cmyk(0% 57% 100% 25%)
Tons claros · Sombras · Tons
Tons claros
- C8652E
- D07649
- D78861
- DE9978
- E5AA8E
- EBBBA4
- F1CCBB
- F6DDD1
- FBEEE8
Sombras
- A74600
- 8E3B00
- 762F00
- 5F2500
- 491A00
- 341100
- 200800
- 0E0200
- 020000
Tons
- BB581F
- B55E30
- AF643D
- AA6848
- A36D53
- 9D715C
- 967566
- 8F796F
- 887D77
Harmonias de cor
Complementar +180°
- C05200
Orange Rufous
- 0084AA
≈ Azores Blue
Análoga -30° +30°
- C05200
Orange Rufous
- C44756
≈ English Coral
- 9F6D00
≈ Balor Brown
Tríade +120° +240°
- C05200
Orange Rufous
- 008D68
≈ Kabalite Green
- 7365D0
≈ C64 Purple
Complementar dividida +150° +210°
- C05200
Orange Rufous
- 00898B
≈ Industrial Blue
- 3077D3
≈ Fading Night
Tétrade +90° +180° +270°
- C05200
Orange Rufous
- 468C1A
≈ Chlorophyll
- 0084AA
≈ Azores Blue
- 9C55B5
≈ Purple Plum
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.72:1 · APCA Lc 72
Ag
FailSobre preto
WCAG 4.44:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.72:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--orange-rufous: #c05200;
--orange-rufous-rgb: 192 82 0;
--orange-rufous-oklch: oklch(0.572 0.159 46.6);
}
.element {
color: var(--orange-rufous);
background-color: hsl(26 100% 38%);
border-color: oklch(0.572 0.159 46.6);
}Tailwind CSS v4
@theme {
--color-orange-rufous: #c05200;
--color-orange-rufous-50: #ffe9ce;
--color-orange-rufous-100: #ffd9ba;
--color-orange-rufous-200: #ffc098;
--color-orange-rufous-300: #f99d6c;
--color-orange-rufous-400: #e97d44;
--color-orange-rufous-500: #d75b00;
--color-orange-rufous-600: #b54e05;
--color-orange-rufous-700: #923e06;
--color-orange-rufous-800: #6d2c07;
--color-orange-rufous-900: #4d1e05;
--color-orange-rufous-950: #330d00;
}SCSS
$orange-rufous: #c05200;
$orange-rufous-rgb: 192, 82, 0;
$orange-rufous-light: mix(#fff, $orange-rufous, 20%);
$orange-rufous-dark: mix(#000, $orange-rufous, 20%);
.element {
color: $orange-rufous;
box-shadow: 0 0 0 2px rgba($orange-rufous, 0.35);
}