Color con nombre · #AF416B
Cactus Flower
Cactus Flower es #AF416B: rgb(175 65 107), hsl(337 46% 47%), oklch(0.538 0.149 359.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Cactus Flower color name →
#AF416B
oklch(0.538 0.149 359.7)
Conversiones de color
- HEX
- #af416b
- RGB
- rgb(175 65 107)
- HSL
- hsl(337 46% 47%)
- HWB
- hwb(337 25% 31%)
- OKLCH
- oklch(0.538 0.149 359.7)
- OKLab
- oklab(0.538 0.149 -0.001)
- CIE Lab
- lab(44.55 48.36 0.37)
- LCH
- lch(44.55 48.36 0.4)
- CMYK
- cmyk(0% 63% 39% 31%)
Tintes · Sombras · Tonos
Tintes
- B95579
- C26987
- CC7B95
- D48EA3
- DCA1B2
- E4B3C1
- ECC6D0
- F2D9E0
- F9ECEF
Sombras
- 98375C
- 812E4E
- 6B253F
- 561C32
- 411325
- 2E0B18
- 1C050D
- 0B0104
- 010000
Tonos
- AC496D
- A8516F
- A45871
- A05E73
- 9B6475
- 976A78
- 92707A
- 8C757C
- 867B7E
Armonías de color
Complementario +180°
- AF416B
Cactus Flower
- 008070
≈ Tropical Green
Análogo -30° +30°
- AF416B
Cactus Flower
- 9C4997
≈ Hyacinth Violet
- B44436
≈ Fiery Topaz
Triádico +120° +240°
- AF416B
Cactus Flower
- 667800
≈ Topiary Green
- 0076AD
≈ Reef Escape
Complementario dividido +150° +210°
- AF416B
Cactus Flower
- 02853A
≈ Philippine Green
- 007C8C
≈ Metallic Seaweed
Tetrádico +90° +180° +270°
- AF416B
Cactus Flower
- 876A00
≈ Muddy Brown
- 008070
≈ Tropical Green
- 4D66C3
≈ God of Rain
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.53:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.79:1 · APCA Lc 25
Mejor color de texto: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--cactus-flower: #af416b;
--cactus-flower-rgb: 175 65 107;
--cactus-flower-oklch: oklch(0.538 0.149 359.7);
}
.element {
color: var(--cactus-flower);
background-color: hsl(337 46% 47%);
border-color: oklch(0.538 0.149 359.7);
}Tailwind CSS v4
@theme {
--color-cactus-flower: #af416b;
--color-cactus-flower-50: #ffe4f2;
--color-cactus-flower-100: #ffd4e4;
--color-cactus-flower-200: #ffbacf;
--color-cactus-flower-300: #f696b2;
--color-cactus-flower-400: #e3769b;
--color-cactus-flower-500: #d15483;
--color-cactus-flower-600: #b0486f;
--color-cactus-flower-700: #8e3958;
--color-cactus-flower-800: #692942;
--color-cactus-flower-900: #4a1b2e;
--color-cactus-flower-950: #300b1b;
}SCSS
$cactus-flower: #af416b;
$cactus-flower-rgb: 175, 65, 107;
$cactus-flower-light: mix(#fff, $cactus-flower, 20%);
$cactus-flower-dark: mix(#000, $cactus-flower, 20%);
.element {
color: $cactus-flower;
box-shadow: 0 0 0 2px rgba($cactus-flower, 0.35);
}