En yakın adlandırılmış renk · #D76F6B
#D76F6B
En yakın adlandırılmış renk: Lipstick Illusion
#D76F6B (rgb(215 111 107), hsl(2 57% 63%), oklch(0.661 0.131 23.5)) en çok Lipstick Illusion 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.
#D76F6B
oklch(0.661 0.131 23.5)
Renk dönüşümleri
- HEX
- #d76f6b
- RGB
- rgb(215 111 107)
- HSL
- hsl(2 57% 63%)
- HWB
- hwb(2 42% 16%)
- OKLCH
- oklch(0.661 0.131 23.5)
- OKLab
- oklab(0.661 0.12 0.052)
- CIE Lab
- lab(59.35 41.34 21.92)
- LCH
- lch(59.35 46.79 27.9)
- CMYK
- cmyk(0% 48% 50% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DD7E79
- E28C87
- E79B96
- EBA9A4
- EFB7B3
- F3C6C2
- F7D4D1
- FAE2E0
- FDF1F0
Koyu tonlar
- BB605C
- 9F514E
- 85423F
- 6B3432
- 522725
- 3B1A18
- 250E0D
- 110404
- 020100
Gri tonlar
- CF726D
- C77470
- BF7672
- B67874
- AE7A76
- A57B78
- 9C7D7A
- 937E7C
- 8A7F7E
Renk uyumları
Tamamlayıcı +180°
- D76F6B
Lipstick Illusion
- 00A6B1
≈ Exotic Sea
Analog -30° +30°
- D76F6B
Lipstick Illusion
- CF6E99
≈ Fuchsia Kiss
- D07A3C
≈ Maple Leaf
Üçlü +120° +240°
- D76F6B
Lipstick Illusion
- 5DA75B
≈ Exploration Green
- 6890E3
≈ United Nations Blue
Bölünmüş tamamlayıcı +150° +210°
- D76F6B
Lipstick Illusion
- 00AB8C
≈ Arcadia
- 1C9ED6
≈ Blue Burst
Dörtlü +90° +180° +270°
- D76F6B
Lipstick Illusion
- 939B2B
≈ Limetta
- 00A6B1
≈ Exotic Sea
- 9781DB
≈ Indigo Bloom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.29:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.37:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--lipstick-illusion: #d76f6b;
--lipstick-illusion-rgb: 215 111 107;
--lipstick-illusion-oklch: oklch(0.661 0.131 23.5);
}
.element {
color: var(--lipstick-illusion);
background-color: hsl(2 57% 63%);
border-color: oklch(0.661 0.131 23.5);
}Tailwind CSS v4
@theme {
--color-lipstick-illusion: #d76f6b;
--color-lipstick-illusion-50: #ffe8e2;
--color-lipstick-illusion-100: #ffd8d2;
--color-lipstick-illusion-200: #ffbfb8;
--color-lipstick-illusion-300: #f39d95;
--color-lipstick-illusion-400: #e17d79;
--color-lipstick-illusion-500: #cf5e5b;
--color-lipstick-illusion-600: #af504d;
--color-lipstick-illusion-700: #8c403e;
--color-lipstick-illusion-800: #682d2e;
--color-lipstick-illusion-900: #4a1f1f;
--color-lipstick-illusion-950: #300e0f;
}SCSS
$lipstick-illusion: #d76f6b;
$lipstick-illusion-rgb: 215, 111, 107;
$lipstick-illusion-light: mix(#fff, $lipstick-illusion, 20%);
$lipstick-illusion-dark: mix(#000, $lipstick-illusion, 20%);
.element {
color: $lipstick-illusion;
box-shadow: 0 0 0 2px rgba($lipstick-illusion, 0.35);
}