Color con nombre · #833C3D
Red Candle
Red Candle es #833C3D: rgb(131 60 61), hsl(359 37% 37%), oklch(0.45 0.098 20.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Red Candle color name →
#833C3D
oklch(0.45 0.098 20.9)
Conversiones de color
- HEX
- #833c3d
- RGB
- rgb(131 60 61)
- HSL
- hsl(359 37% 37%)
- HWB
- hwb(359 24% 49%)
- OKLCH
- oklch(0.45 0.098 20.9)
- OKLab
- oklab(0.45 0.092 0.035)
- CIE Lab
- lab(35.15 31.27 14.73)
- LCH
- lch(35.15 34.56 25.2)
- CMYK
- cmyk(0% 54% 53% 49%)
Tintes · Sombras · Tonos
Tintes
- 904F4E
- 9D6160
- AA7473
- B78786
- C39A99
- D0AEAD
- DCC2C1
- E8D6D5
- F3EAEA
Sombras
- 713334
- 602A2B
- 4F2122
- 3F191A
- 2F1112
- 200A0A
- 120404
- 060101
- 010000
Tonos
- 844344
- 844B4A
- 855251
- 855857
- 855F5E
- 846665
- 846C6B
- 837372
- 817A79
Armonías de color
Complementario +180°
- 833C3D
Red Candle
- 006166
≈ Beau Vert
Análogo -30° +30°
- 833C3D
Red Candle
- 7D3C5C
≈ Pleasure
- 7F431B
≈ Russet
Triádico +120° +240°
- 833C3D
Red Candle
- 34622C
≈ Gameboy Shade
- 35548B
≈ Glimpse of Void
Complementario dividido +150° +210°
- 833C3D
Red Candle
- 00654E
≈ Green Paw Paw
- 005D7E
≈ Back of Beyond
Tetrádico +90° +180° +270°
- 833C3D
Red Candle
- 585A01
≈ Greensboro
- 006166
≈ Beau Vert
- 564A87
≈ Victoria
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.83:1 · APCA Lc 87
Ag
FailSobre negro
WCAG 2.67:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--red-candle: #833c3d;
--red-candle-rgb: 131 60 61;
--red-candle-oklch: oklch(0.45 0.098 20.9);
}
.element {
color: var(--red-candle);
background-color: hsl(359 37% 37%);
border-color: oklch(0.45 0.098 20.9);
}Tailwind CSS v4
@theme {
--color-red-candle: #833c3d;
--color-red-candle-50: #ffebe8;
--color-red-candle-100: #ffdcd9;
--color-red-candle-200: #fcc5c1;
--color-red-candle-300: #e6a4a0;
--color-red-candle-400: #d28785;
--color-red-candle-500: #bf6a6a;
--color-red-candle-600: #a15a5a;
--color-red-candle-700: #814848;
--color-red-candle-800: #603435;
--color-red-candle-900: #432324;
--color-red-candle-950: #2b1213;
}SCSS
$red-candle: #833c3d;
$red-candle-rgb: 131, 60, 61;
$red-candle-light: mix(#fff, $red-candle, 20%);
$red-candle-dark: mix(#000, $red-candle, 20%);
.element {
color: $red-candle;
box-shadow: 0 0 0 2px rgba($red-candle, 0.35);
}