Couleur nommée la plus proche · #BE596A
#BE596A
Couleur nommée la plus proche: Candied Apple
#BE596A (rgb(190 89 106), hsl(350 44% 55%), oklch(0.593 0.13 11.4)) est la plus proche de la couleur nommée Candied Apple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BE596A
oklch(0.593 0.13 11.4)
Conversions de couleur
- HEX
- #be596a
- RGB
- rgb(190 89 106)
- HSL
- hsl(350 44% 55%)
- HWB
- hwb(350 35% 25%)
- OKLCH
- oklch(0.593 0.13 11.4)
- OKLab
- oklab(0.593 0.128 0.026)
- CIE Lab
- lab(51.26 42.62 10.85)
- LCH
- lch(51.26 43.98 14.3)
- CMYK
- cmyk(0% 53% 44% 25%)
Teintes · Ombres · Tons
Teintes
- C66A78
- CE7B86
- D58B94
- DC9BA3
- E3ACB2
- E9BCC1
- EFCDD0
- F5DDE0
- FAEEEF
Ombres
- A54C5B
- 8C404D
- 75343F
- 5E2831
- 481D24
- 331318
- 1F090D
- 0D0304
- 020000
Tons
- B95E6C
- B3636E
- AE6771
- A86B73
- A26F75
- 9C7377
- 957679
- 8F7A7C
- 887D7E
Harmonies de couleurs
Complémentaire +180°
- BE596A
Candied Apple
- 00918D
≈ Supermint
Analogue -30° +30°
- BE596A
Candied Apple
- B15C94
≈ Spruce Tree Flower
- BD603B
≈ Deep Reddish Orange
Triadique +120° +240°
- BE596A
Candied Apple
- 618D32
≈ Maximum Green
- 3B81C9
≈ Worn Denim
Complémentaire divisée +150° +210°
- BE596A
Candied Apple
- 039565
≈ Emerald Lake
- 008CAC
≈ Quintana
Tétradique +90° +180° +270°
- BE596A
Candied Apple
- 8E7F00
≈ Moscow Papyrus
- 00918D
≈ Supermint
- 7272C9
≈ Kickstart Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.35:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.82:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--candied-apple: #be596a;
--candied-apple-rgb: 190 89 106;
--candied-apple-oklch: oklch(0.593 0.13 11.4);
}
.element {
color: var(--candied-apple);
background-color: hsl(350 44% 55%);
border-color: oklch(0.593 0.13 11.4);
}Tailwind CSS v4
@theme {
--color-candied-apple: #be596a;
--color-candied-apple-50: #ffe7ea;
--color-candied-apple-100: #ffd7db;
--color-candied-apple-200: #ffbec4;
--color-candied-apple-300: #f29ba4;
--color-candied-apple-400: #e07c8b;
--color-candied-apple-500: #cd5c70;
--color-candied-apple-600: #ad4f5f;
--color-candied-apple-700: #8b3f4c;
--color-candied-apple-800: #672d38;
--color-candied-apple-900: #491e27;
--color-candied-apple-950: #2f0e15;
}SCSS
$candied-apple: #be596a;
$candied-apple-rgb: 190, 89, 106;
$candied-apple-light: mix(#fff, $candied-apple, 20%);
$candied-apple-dark: mix(#000, $candied-apple, 20%);
.element {
color: $candied-apple;
box-shadow: 0 0 0 2px rgba($candied-apple, 0.35);
}