Cor nomeada mais próxima · #DF9AB0
#DF9AB0
Cor nomeada mais próxima: Passion Potion
#DF9AB0 (rgb(223 154 176), hsl(341 52% 74%), oklch(0.76 0.087 358.6)) é mais próxima da cor nomeada Passion Potion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DF9AB0
oklch(0.76 0.087 358.6)
Conversões de cor
- HEX
- #df9ab0
- RGB
- rgb(223 154 176)
- HSL
- hsl(341 52% 74%)
- HWB
- hwb(341 60% 13%)
- OKLCH
- oklch(0.76 0.087 358.6)
- OKLab
- oklab(0.76 0.087 -0.002)
- CIE Lab
- lab(71.02 28.83 -0.48)
- LCH
- lch(71.02 28.83 359)
- CMYK
- cmyk(0% 31% 21% 13%)
Tons claros · Sombras · Tons
Tons claros
- E3A4B8
- E7AEBF
- EAB8C7
- EEC2CF
- F1CCD7
- F4D6DF
- F7E0E7
- FAEBEF
- FCF5F7
Sombras
- C28599
- A57182
- 8A5E6C
- 6F4B56
- 563942
- 3D272E
- 27171C
- 12090B
- 020101
Tons
- D698AB
- CC95A6
- C393A1
- B9909C
- B08E98
- A68B93
- 9D888E
- 938689
- 8A8385
Harmonias de cor
Complementar +180°
- DF9AB0
Passion Potion
- 6FC3B2
≈ Miami Teal
Análoga -30° +30°
- DF9AB0
Passion Potion
- D09DCD
≈ Girl Power
- E39C92
≈ Coral Almond
Tríade +120° +240°
- DF9AB0
Passion Potion
- ABB979
≈ Green Curry
- 7CB9E2
≈ 21st Century Blue
Complementar dividida +150° +210°
- DF9AB0
Passion Potion
- 8AC193
≈ Country Weekend
- 69C1CE
≈ Arctic Ocean
Tétrade +90° +180° +270°
- DF9AB0
Passion Potion
- C7AE6F
≈ Dried Moss
- 6FC3B2
≈ Miami Teal
- 9AAFE9
≈ Wondrous Wisteria
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASobre preto
WCAG 9.38:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--passion-potion: #df9ab0;
--passion-potion-rgb: 223 154 176;
--passion-potion-oklch: oklch(0.76 0.087 358.6);
}
.element {
color: var(--passion-potion);
background-color: hsl(341 52% 74%);
border-color: oklch(0.76 0.087 358.6);
}Tailwind CSS v4
@theme {
--color-passion-potion: #df9ab0;
--color-passion-potion-50: #ffebf4;
--color-passion-potion-100: #ffdce6;
--color-passion-potion-200: #f5c5d2;
--color-passion-potion-300: #dea5b5;
--color-passion-potion-400: #c9899e;
--color-passion-potion-500: #b56d85;
--color-passion-potion-600: #995d71;
--color-passion-potion-700: #7b4a5a;
--color-passion-potion-800: #5a3543;
--color-passion-potion-900: #3f242e;
--color-passion-potion-950: #28131b;
}SCSS
$passion-potion: #df9ab0;
$passion-potion-rgb: 223, 154, 176;
$passion-potion-light: mix(#fff, $passion-potion, 20%);
$passion-potion-dark: mix(#000, $passion-potion, 20%);
.element {
color: $passion-potion;
box-shadow: 0 0 0 2px rgba($passion-potion, 0.35);
}