Couleur nommée la plus proche · #7F0F00
#7F0F00
Couleur nommée la plus proche: Indian Red
#7F0F00 (rgb(127 15 0), hsl(7 100% 25%), oklch(0.382 0.147 31.5)) est la plus proche de la couleur nommée Indian Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7F0F00
oklch(0.382 0.147 31.5)
Conversions de couleur
- HEX
- #7f0f00
- RGB
- rgb(127 15 0)
- HSL
- hsl(7 100% 25%)
- HWB
- hwb(7 0% 50%)
- OKLCH
- oklch(0.382 0.147 31.5)
- OKLab
- oklab(0.382 0.125 0.077)
- CIE Lab
- lab(26.92 45.44 39.96)
- LCH
- lch(26.92 60.51 41.3)
- CMYK
- cmyk(0% 88% 100% 50%)
Teintes · Ombres · Tons
Teintes
- 8E2F20
- 9D4738
- AB5E50
- B87568
- C58B80
- D1A298
- DDB9B1
- E9D0CB
- F4E7E5
Ombres
- 6E0B00
- 5D0800
- 4C0500
- 3C0300
- 2D0200
- 1F0100
- 110000
- 060000
- 010000
Tons
- 812214
- 833022
- 843C2F
- 85463B
- 855146
- 855A52
- 85645D
- 846D69
- 827774
Harmonies de couleurs
Complémentaire +180°
- 7F0F00
Indian Red
- 004C57
≈ Watercolour Blue
Analogue -30° +30°
- 7F0F00
Indian Red
- 7B0A3D
≈ Wine
- 643600
≈ Brown
Triadique +120° +240°
- 7F0F00
Indian Red
- 005125
≈ Lemon Balm Green
- 2A368F
≈ Ultramarine Highlight
Complémentaire divisée +150° +210°
- 7F0F00
Indian Red
- 004F45
≈ Fjord Green
- 00476E
≈ Broadwater Blue
Tétradique +90° +180° +270°
- 7F0F00
Indian Red
- 3B4A00
≈ Godzilla
- 004C57
≈ Watercolour Blue
- 522782
≈ KSU Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.65:1 · APCA Lc 93
Ag
FailSur noir
WCAG 1.97:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 10.65:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--indian-red: #7f0f00;
--indian-red-rgb: 127 15 0;
--indian-red-oklch: oklch(0.382 0.147 31.5);
}
.element {
color: var(--indian-red);
background-color: hsl(7 100% 25%);
border-color: oklch(0.382 0.147 31.5);
}Tailwind CSS v4
@theme {
--color-indian-red: #7f0f00;
--color-indian-red-50: #ffe7da;
--color-indian-red-100: #ffd7c8;
--color-indian-red-200: #ffbeab;
--color-indian-red-300: #f99b86;
--color-indian-red-400: #e87a67;
--color-indian-red-500: #d65944;
--color-indian-red-600: #b44c3b;
--color-indian-red-700: #913d2f;
--color-indian-red-800: #6c2b22;
--color-indian-red-900: #4c1d17;
--color-indian-red-950: #320c08;
}SCSS
$indian-red: #7f0f00;
$indian-red-rgb: 127, 15, 0;
$indian-red-light: mix(#fff, $indian-red, 20%);
$indian-red-dark: mix(#000, $indian-red, 20%);
.element {
color: $indian-red;
box-shadow: 0 0 0 2px rgba($indian-red, 0.35);
}