Couleur nommée la plus proche · #D8254B
#D8254B
Couleur nommée la plus proche: Cosmic Red
#D8254B (rgb(216 37 75), hsl(347 71% 50%), oklch(0.574 0.21 16.5)) est la plus proche de la couleur nommée Cosmic Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D8254B
oklch(0.574 0.21 16.5)
Conversions de couleur
- HEX
- #d8254b
- RGB
- rgb(216 37 75)
- HSL
- hsl(347 71% 50%)
- HWB
- hwb(347 15% 15%)
- OKLCH
- oklch(0.574 0.21 16.5)
- OKLab
- oklab(0.574 0.201 0.06)
- CIE Lab
- lab(48.3 67.79 26.65)
- LCH
- lch(48.3 72.84 21.5)
- CMYK
- cmyk(0% 83% 65% 15%)
Teintes · Ombres · Tons
Teintes
- DF465C
- E65F6D
- EC757F
- F18A90
- F59EA2
- F9B1B4
- FCC5C7
- FED8D9
- FFECEC
Ombres
- BC1F40
- A01935
- 85132B
- 6B0D21
- 530817
- 3B040E
- 250206
- 110002
- 020000
Tons
- D13851
- CA4556
- C2505C
- BA5961
- B26166
- A9686C
- A06F71
- 967576
- 8C7B7B
Harmonies de couleurs
Complémentaire +180°
- D8254B
Cosmic Red
- 008A8C
≈ Industrial Blue
Analogue -30° +30°
- D8254B
Cosmic Red
- C82E91
≈ Royal Fuchsia
- C15200
≈ Orange Rufous
Triadique +120° +240°
- D8254B
Cosmic Red
- 418E00
≈ Christmas Green
- 0074EB
≈ Níu Zǎi Sè Denim
Complémentaire divisée +150° +210°
- D8254B
Cosmic Red
- 008E69
≈ Sea Swell
- 0085AA
≈ Azores Blue
Tétradique +90° +180° +270°
- D8254B
Cosmic Red
- 827C00
≈ Olive
- 008A8C
≈ Industrial Blue
- 7559EB
≈ Candy Grape Fizz
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.89:1 · APCA Lc 72
Ag
FailSur noir
WCAG 4.28:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--cosmic-red: #d8254b;
--cosmic-red-rgb: 216 37 75;
--cosmic-red-oklch: oklch(0.574 0.21 16.5);
}
.element {
color: var(--cosmic-red);
background-color: hsl(347 71% 50%);
border-color: oklch(0.574 0.21 16.5);
}Tailwind CSS v4
@theme {
--color-cosmic-red: #d8254b;
--color-cosmic-red-50: #ffdede;
--color-cosmic-red-100: #ffcccd;
--color-cosmic-red-200: #ffaeb1;
--color-cosmic-red-300: #ff868d;
--color-cosmic-red-400: #ff5d72;
--color-cosmic-red-500: #f12553;
--color-cosmic-red-600: #cb2447;
--color-cosmic-red-700: #a41d38;
--color-cosmic-red-800: #7a122b;
--color-cosmic-red-900: #560c1d;
--color-cosmic-red-950: #3a000d;
}SCSS
$cosmic-red: #d8254b;
$cosmic-red-rgb: 216, 37, 75;
$cosmic-red-light: mix(#fff, $cosmic-red, 20%);
$cosmic-red-dark: mix(#000, $cosmic-red, 20%);
.element {
color: $cosmic-red;
box-shadow: 0 0 0 2px rgba($cosmic-red, 0.35);
}