Couleur nommée la plus proche · #890300
#890300
Couleur nommée la plus proche: Roasted Pepper
#890300 (rgb(137 3 0), hsl(1 100% 27%), oklch(0.397 0.161 29.6)) est la plus proche de la couleur nommée Roasted Pepper. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#890300
oklch(0.397 0.161 29.6)
Conversions de couleur
- HEX
- #890300
- RGB
- rgb(137 3 0)
- HSL
- hsl(1 100% 27%)
- HWB
- hwb(1 0% 46%)
- OKLCH
- oklch(0.397 0.161 29.6)
- OKLab
- oklab(0.397 0.14 0.08)
- CIE Lab
- lab(28.46 50.43 42.33)
- LCH
- lch(28.46 65.84 40)
- CMYK
- cmyk(0% 98% 100% 46%)
Teintes · Ombres · Tons
Teintes
- 982C21
- A5463A
- B35E51
- BF7469
- CB8B81
- D7A299
- E2B9B2
- ECD0CB
- F6E7E5
Ombres
- 760200
- 640200
- 530100
- 420100
- 310000
- 220000
- 140000
- 070000
- 010000
Tons
- 8A1E15
- 8B2E23
- 8B3A30
- 8B463C
- 8B5047
- 8A5A53
- 88645E
- 866E69
- 847775
Harmonies de couleurs
Complémentaire +180°
- 890300
Roasted Pepper
- 00515B
≈ Kali Blue
Analogue -30° +30°
- 890300
Roasted Pepper
- 840044
≈ Renanthera Orchid
- 6A3800
≈ Bestial Brown
Triadique +120° +240°
- 890300
Roasted Pepper
- 005623
≈ O Tannenbaum
- 27399C
≈ Liquid Denim
Complémentaire divisée +150° +210°
- 890300
Roasted Pepper
- 005348
≈ Breathe Deeply
- 004C72
≈ Pompeii Blue
Tétradique +90° +180° +270°
- 890300
Roasted Pepper
- 414D00
≈ No Emissions Green
- 00515B
≈ Kali Blue
- 56278F
≈ KSU Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.11:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.07:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 10.11:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--roasted-pepper: #890300;
--roasted-pepper-rgb: 137 3 0;
--roasted-pepper-oklch: oklch(0.397 0.161 29.6);
}
.element {
color: var(--roasted-pepper);
background-color: hsl(1 100% 27%);
border-color: oklch(0.397 0.161 29.6);
}Tailwind CSS v4
@theme {
--color-roasted-pepper: #890300;
--color-roasted-pepper-50: #ffe5d9;
--color-roasted-pepper-100: #ffd5c7;
--color-roasted-pepper-200: #ffbbaa;
--color-roasted-pepper-300: #ff9783;
--color-roasted-pepper-400: #ee7564;
--color-roasted-pepper-500: #dc5141;
--color-roasted-pepper-600: #ba4638;
--color-roasted-pepper-700: #96382c;
--color-roasted-pepper-800: #702721;
--color-roasted-pepper-900: #4f1a16;
--color-roasted-pepper-950: #340a07;
}SCSS
$roasted-pepper: #890300;
$roasted-pepper-rgb: 137, 3, 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);
}