En yakın adlandırılmış renk · #CD5969
#CD5969
En yakın adlandırılmış renk: Dragon Fruit
#CD5969 (rgb(205 89 105), hsl(352 54% 58%), oklch(0.614 0.147 14.1)) en çok Dragon Fruit adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CD5969
oklch(0.614 0.147 14.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D46B77
- DB7C85
- E18C94
- E69DA3
- ECADB1
- F0BDC1
- F5CED0
- F9DEDF
- FCEEEF
Koyu tonlar
- B24C5A
- 98404C
- 7E343E
- 662831
- 4E1D24
- 381318
- 23090C
- 0F0304
- 020000
Gri tonlar
- C65E6B
- BF636E
- B86870
- B16C72
- AA7075
- A27477
- 9A7779
- 927A7C
- 897D7E
Renk uyumları
Tamamlayıcı +180°
- CD5969
Dragon Fruit
- 009897
≈ Regula Barbara Blue
Analog -30° +30°
- CD5969
Dragon Fruit
- C05C9A
≈ Llilacquered
- CB6230
≈ Golden Lion Tamarin
Üçlü +120° +240°
- CD5969
Dragon Fruit
- 5D9730
≈ Limeade
- 3D86DA
≈ Bleu de France
Bölünmüş tamamlayıcı +150° +210°
- CD5969
Dragon Fruit
- 009C6F
≈ Jitterbug Jade
- 0092B7
≈ Cool Tide
Dörtlü +90° +180° +270°
- CD5969
Dragon Fruit
- 928700
≈ Thicket Green
- 009897
≈ Regula Barbara Blue
- 7B75D9
≈ Kickstart Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.01:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.22:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.22:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
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);
}