Color con nombre más cercano · #890B00
#890B00
Color con nombre más cercano: Roasted Pepper
#890B00 (rgb(137 11 0), hsl(5 100% 27%), oklch(0.4 0.158 30.6)) se parece más al color con nombre Roasted Pepper. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#890B00
oklch(0.4 0.158 30.6)
Conversiones de color
- HEX
- #890b00
- RGB
- rgb(137 11 0)
- HSL
- hsl(5 100% 27%)
- HWB
- hwb(5 0% 46%)
- OKLCH
- oklch(0.4 0.158 30.6)
- OKLab
- oklab(0.4 0.136 0.08)
- CIE Lab
- lab(28.92 49.16 42.67)
- LCH
- lch(28.92 65.09 41)
- CMYK
- cmyk(0% 92% 100% 46%)
Tintes · Sombras · Tonos
Tintes
- 972F21
- A5483A
- B25F52
- BF7669
- CB8C81
- D6A399
- E1B9B2
- ECD0CB
- F6E8E5
Sombras
- 760800
- 640600
- 530400
- 420200
- 310100
- 220100
- 140000
- 070000
- 010000
Tonos
- 8A2215
- 8B3024
- 8B3C30
- 8B473C
- 8B5148
- 8A5B53
- 88655E
- 866E69
- 837775
Armonías de color
Complementario +180°
- 890B00
Roasted Pepper
- 00525D
≈ Sandalwood Grey Blue
Análogo -30° +30°
- 890B00
Roasted Pepper
- 840643
≈ Renanthera Orchid
- 6B3900
≈ Bestial Brown
Triádico +120° +240°
- 890B00
Roasted Pepper
- 005726
≈ Caliban Green
- 2B3A9B
≈ Liquid Denim
Complementario dividido +150° +210°
- 890B00
Roasted Pepper
- 00544A
≈ Breathe Deeply
- 004D74
≈ Dignity Blue
Tetrádico +90° +180° +270°
- 890B00
Roasted Pepper
- 414F00
≈ No Emissions Green
- 00525D
≈ Sandalwood Grey Blue
- 58298E
≈ Night Fever
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.94:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.11:1 · APCA Lc 11
Mejor color de texto: #FFFFFF
WCAG 9.94:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--roasted-pepper: #890b00;
--roasted-pepper-rgb: 137 11 0;
--roasted-pepper-oklch: oklch(0.4 0.158 30.6);
}
.element {
color: var(--roasted-pepper);
background-color: hsl(5 100% 27%);
border-color: oklch(0.4 0.158 30.6);
}Tailwind CSS v4
@theme {
--color-roasted-pepper: #890b00;
--color-roasted-pepper-50: #ffe6d9;
--color-roasted-pepper-100: #ffd5c7;
--color-roasted-pepper-200: #ffbca9;
--color-roasted-pepper-300: #fd9883;
--color-roasted-pepper-400: #ed7663;
--color-roasted-pepper-500: #db5340;
--color-roasted-pepper-600: #b94837;
--color-roasted-pepper-700: #95392c;
--color-roasted-pepper-800: #6f2821;
--color-roasted-pepper-900: #4e1b15;
--color-roasted-pepper-950: #340a07;
}SCSS
$roasted-pepper: #890b00;
$roasted-pepper-rgb: 137, 11, 0;
$roasted-pepper-light: mix(#fff, $roasted-pepper, 20%);
$roasted-pepper-dark: mix(#000, $roasted-pepper, 20%);
.element {
color: $roasted-pepper;
box-shadow: 0 0 0 2px rgba($roasted-pepper, 0.35);
}