Couleur nommée la plus proche · #CD5969
#CD5969
Couleur nommée la plus proche: Dragon Fruit
#CD5969 (rgb(205 89 105), hsl(352 54% 58%), oklch(0.614 0.147 14.1)) est la plus proche de la couleur nommée Dragon Fruit. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CD5969
oklch(0.614 0.147 14.1)
Conversions de couleur
- HEX
- #cd5969
- RGB
- rgb(205 89 105)
- HSL
- hsl(352 54% 58%)
- HWB
- hwb(352 35% 20%)
- OKLCH
- oklch(0.614 0.147 14.1)
- OKLab
- oklab(0.614 0.143 0.036)
- CIE Lab
- lab(53.6 47.92 15.1)
- LCH
- lch(53.6 50.24 17.5)
- CMYK
- cmyk(0% 57% 49% 20%)
Teintes · Ombres · Tons
Teintes
- D46B77
- DB7C85
- E18C94
- E69DA3
- ECADB1
- F0BDC1
- F5CED0
- F9DEDF
- FCEEEF
Ombres
- B24C5A
- 98404C
- 7E343E
- 662831
- 4E1D24
- 381318
- 23090C
- 0F0304
- 020000
Tons
- C65E6B
- BF636E
- B86870
- B16C72
- AA7075
- A27477
- 9A7779
- 927A7C
- 897D7E
Harmonies de couleurs
Complémentaire +180°
- CD5969
Dragon Fruit
- 009897
≈ Regula Barbara Blue
Analogue -30° +30°
- CD5969
Dragon Fruit
- C05C9A
≈ Llilacquered
- CB6230
≈ Golden Lion Tamarin
Triadique +120° +240°
- CD5969
Dragon Fruit
- 5D9730
≈ Limeade
- 3D86DA
≈ Bleu de France
Complémentaire divisée +150° +210°
- CD5969
Dragon Fruit
- 009C6F
≈ Jitterbug Jade
- 0092B7
≈ Cool Tide
Tétradique +90° +180° +270°
- CD5969
Dragon Fruit
- 928700
≈ Thicket Green
- 009897
≈ Regula Barbara Blue
- 7B75D9
≈ Kickstart Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.01:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.22:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.22:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
CSS
:root {
--dragon-fruit: #cd5969;
--dragon-fruit-rgb: 205 89 105;
--dragon-fruit-oklch: oklch(0.614 0.147 14.1);
}
.element {
color: var(--dragon-fruit);
background-color: hsl(352 54% 58%);
border-color: oklch(0.614 0.147 14.1);
}Tailwind CSS v4
@theme {
--color-dragon-fruit: #cd5969;
--color-dragon-fruit-50: #ffe5e7;
--color-dragon-fruit-100: #ffd5d7;
--color-dragon-fruit-200: #ffbbbf;
--color-dragon-fruit-300: #f9979d;
--color-dragon-fruit-400: #e87684;
--color-dragon-fruit-500: #d55468;
--color-dragon-fruit-600: #b44858;
--color-dragon-fruit-700: #913a46;
--color-dragon-fruit-800: #6c2935;
--color-dragon-fruit-900: #4c1b24;
--color-dragon-fruit-950: #320b13;
}SCSS
$dragon-fruit: #cd5969;
$dragon-fruit-rgb: 205, 89, 105;
$dragon-fruit-light: mix(#fff, $dragon-fruit, 20%);
$dragon-fruit-dark: mix(#000, $dragon-fruit, 20%);
.element {
color: $dragon-fruit;
box-shadow: 0 0 0 2px rgba($dragon-fruit, 0.35);
}