En yakın adlandırılmış renk · #CE99A7
#CE99A7
En yakın adlandırılmış renk: Young at Heart
#CE99A7 (rgb(206 153 167), hsl(344 35% 70%), oklch(0.737 0.066 1.4)) en çok Young at Heart 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.
#CE99A7
oklch(0.737 0.066 1.4)
Renk dönüşümleri
- HEX
- #ce99a7
- RGB
- rgb(206 153 167)
- HSL
- hsl(344 35% 70%)
- HWB
- hwb(344 60% 19%)
- OKLCH
- oklch(0.737 0.066 1.4)
- OKLab
- oklab(0.737 0.066 0.002)
- CIE Lab
- lab(68.69 21.97 0.85)
- LCH
- lch(68.69 21.98 2.2)
- CMYK
- cmyk(0% 26% 19% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3A3AF
- D8ADB8
- DEB7C1
- E3C1C9
- E8CBD2
- ECD6DB
- F1E0E4
- F6EAED
- FAF5F6
Koyu tonlar
- B38491
- 98707B
- 7F5D66
- 664A52
- 4E383E
- 38272C
- 23171A
- 0F080A
- 020101
Gri tonlar
- C697A3
- BE949F
- B7929B
- AF8F97
- A78D93
- 9F8A8F
- 97888C
- 908588
- 888384
Renk uyumları
Tamamlayıcı +180°
- CE99A7
Young at Heart
- 7AB8AC
≈ Cooled Blue
Analog -30° +30°
- CE99A7
Young at Heart
- C39BBD
≈ Lupine
- D09B91
≈ Nectarine Spice
Üçlü +120° +240°
- CE99A7
Young at Heart
- A3B182
≈ Fresh Guacamole
- 85B0D0
≈ Boo Blue
Bölünmüş tamamlayıcı +150° +210°
- CE99A7
Young at Heart
- 8CB695
≈ Garden View
- 78B6C2
≈ Culinary Blue
Dörtlü +90° +180° +270°
- CE99A7
Young at Heart
- B9A97A
≈ Fresh Brew
- 7AB8AC
≈ Cooled Blue
- 9BA8D4
≈ Bright Bluebell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.73:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-at-heart: #ce99a7;
--young-at-heart-rgb: 206 153 167;
--young-at-heart-oklch: oklch(0.737 0.066 1.4);
}
.element {
color: var(--young-at-heart);
background-color: hsl(344 35% 70%);
border-color: oklch(0.737 0.066 1.4);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #ce99a7;
--color-young-at-heart-50: #ffeef3;
--color-young-at-heart-100: #fcdfe5;
--color-young-at-heart-200: #eec9d1;
--color-young-at-heart-300: #d6aab4;
--color-young-at-heart-400: #c08f9c;
--color-young-at-heart-500: #ab7483;
--color-young-at-heart-600: #91626f;
--color-young-at-heart-700: #744e59;
--color-young-at-heart-800: #563942;
--color-young-at-heart-900: #3c272d;
--color-young-at-heart-950: #25151a;
}SCSS
$young-at-heart: #ce99a7;
$young-at-heart-rgb: 206, 153, 167;
$young-at-heart-light: mix(#fff, $young-at-heart, 20%);
$young-at-heart-dark: mix(#000, $young-at-heart, 20%);
.element {
color: $young-at-heart;
box-shadow: 0 0 0 2px rgba($young-at-heart, 0.35);
}