Cor nomeada mais próxima · #D43F5B
#D43F5B
Cor nomeada mais próxima: Intense Passion
#D43F5B (rgb(212 63 91), hsl(349 63% 54%), oklch(0.591 0.185 14.1)) é mais próxima da cor nomeada Intense Passion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D43F5B
oklch(0.591 0.185 14.1)
Conversões de cor
- HEX
- #d43f5b
- RGB
- rgb(212 63 91)
- HSL
- hsl(349 63% 54%)
- HWB
- hwb(349 25% 17%)
- OKLCH
- oklch(0.591 0.185 14.1)
- OKLab
- oklab(0.591 0.179 0.045)
- CIE Lab
- lab(50.51 59.93 19.57)
- LCH
- lch(50.51 63.05 18.1)
- CMYK
- cmyk(0% 70% 57% 17%)
Tons claros · Sombras · Tons
Tons claros
- DB566A
- E26B7A
- E87F8A
- ED919A
- F2A4AA
- F6B6BB
- F9C8CB
- FCDBDC
- FEEDEE
Sombras
- B8354E
- 9D2C41
- 832335
- 691B29
- 51121E
- 3A0A13
- 240409
- 100103
- 020000
Tons
- CD495F
- C65263
- BE5A66
- B7616A
- AF676E
- A66D72
- 9E7275
- 957779
- 8B7C7C
Harmonias de cor
Complementar +180°
- D43F5B
Intense Passion
- 00908F
≈ Forever Teal
Análoga -30° +30°
- D43F5B
Intense Passion
- C44498
≈ Lustful Wishes
- CC5200
≈ Burnt Orange
Tríade +120° +240°
- D43F5B
Intense Passion
- 4F9200
≈ Pistachio Flour
- 0B7CE7
≈ Blue Darknut
Complementar dividida +150° +210°
- D43F5B
Intense Passion
- 009469
≈ Viridian
- 008BAE
≈ Corfu Waters
Tétrade +90° +180° +270°
- D43F5B
Intense Passion
- 8A8000
≈ Fickle Pickle
- 00908F
≈ Forever Teal
- 7567E5
≈ Medium Slate Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--intense-passion: #d43f5b;
--intense-passion-rgb: 212 63 91;
--intense-passion-oklch: oklch(0.591 0.185 14.1);
}
.element {
color: var(--intense-passion);
background-color: hsl(349 63% 54%);
border-color: oklch(0.591 0.185 14.1);
}Tailwind CSS v4
@theme {
--color-intense-passion: #d43f5b;
--color-intense-passion-50: #ffe0e3;
--color-intense-passion-100: #ffcfd3;
--color-intense-passion-200: #ffb3b9;
--color-intense-passion-300: #ff8d97;
--color-intense-passion-400: #f7687c;
--color-intense-passion-500: #e63e60;
--color-intense-passion-600: #c23651;
--color-intense-passion-700: #9c2b41;
--color-intense-passion-800: #741d31;
--color-intense-passion-900: #521421;
--color-intense-passion-950: #360410;
}SCSS
$intense-passion: #d43f5b;
$intense-passion-rgb: 212, 63, 91;
$intense-passion-light: mix(#fff, $intense-passion, 20%);
$intense-passion-dark: mix(#000, $intense-passion, 20%);
.element {
color: $intense-passion;
box-shadow: 0 0 0 2px rgba($intense-passion, 0.35);
}