Cor nomeada mais próxima · #D8254B
#D8254B
Cor nomeada mais próxima: Cosmic Red
#D8254B (rgb(216 37 75), hsl(347 71% 50%), oklch(0.574 0.21 16.5)) é mais próxima da cor nomeada Cosmic Red. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D8254B
oklch(0.574 0.21 16.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DF465C
- E65F6D
- EC757F
- F18A90
- F59EA2
- F9B1B4
- FCC5C7
- FED8D9
- FFECEC
Sombras
- BC1F40
- A01935
- 85132B
- 6B0D21
- 530817
- 3B040E
- 250206
- 110002
- 020000
Tons
- D13851
- CA4556
- C2505C
- BA5961
- B26166
- A9686C
- A06F71
- 967576
- 8C7B7B
Harmonias de cor
Complementar +180°
- D8254B
Cosmic Red
- 008A8C
≈ Industrial Blue
Análoga -30° +30°
- D8254B
Cosmic Red
- C82E91
≈ Royal Fuchsia
- C15200
≈ Orange Rufous
Tríade +120° +240°
- D8254B
Cosmic Red
- 418E00
≈ Christmas Green
- 0074EB
≈ Níu Zǎi Sè Denim
Complementar dividida +150° +210°
- D8254B
Cosmic Red
- 008E69
≈ Sea Swell
- 0085AA
≈ Azores Blue
Tétrade +90° +180° +270°
- D8254B
Cosmic Red
- 827C00
≈ Olive
- 008A8C
≈ Industrial Blue
- 7559EB
≈ Candy Grape Fizz
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.89:1 · APCA Lc 72
Ag
FailSobre preto
WCAG 4.28:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
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);
}