Adlandırılmış renk · #FDCACA
Elegant Light Rose
Elegant Light Rose, #FDCACA: rgb(253 202 202), hsl(0 93% 89%), oklch(0.884 0.058 18.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Elegant Light Rose color name →
#FDCACA
oklch(0.884 0.058 18.3)
Renk dönüşümleri
- HEX
- #fdcaca
- RGB
- rgb(253 202 202)
- HSL
- hsl(0 93% 89%)
- HWB
- hwb(0 79% 1%)
- OKLCH
- oklch(0.884 0.058 18.3)
- OKLab
- oklab(0.884 0.055 0.018)
- CIE Lab
- lab(85.89 18.63 7.25)
- LCH
- lch(85.89 19.99 21.3)
- CMYK
- cmyk(0% 20% 20% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FECFCF
- FED5D4
- FEDADA
- FFDFDF
- FFE5E4
- FFEAEA
- FFEFEF
- FFF4F4
- FFFAFA
Koyu tonlar
- DCAFAF
- BC9595
- 9D7C7C
- 7F6464
- 624D4D
- 473737
- 2D2222
- 160F0F
- 030202
Gri tonlar
- F0C2C2
- E3BBBB
- D6B3B3
- CAACAC
- BDA4A4
- B19D9D
- A49696
- 988E8E
- 8C8787
Renk uyumları
Tamamlayıcı +180°
- FDCACA
Elegant Light Rose
- ACE5E7
≈ Timeless Seafoam
Analog -30° +30°
- FDCACA
Elegant Light Rose
- F7CADF
≈ Laelia Pink
- FACEB8
≈ Ibis Pink
Üçlü +120° +240°
- FDCACA
Elegant Light Rose
- C6E2BD
≈ Ambrosia
- C2DAFF
≈ Broad Daylight
Bölünmüş tamamlayıcı +150° +210°
- FDCACA
Elegant Light Rose
- B4E6D2
≈ Crystal Rapids
- B1E1F7
≈ Azure Sky
Dörtlü +90° +180° +270°
- FDCACA
Elegant Light Rose
- DCDCB0
≈ Spring Thyme
- ACE5E7
≈ Timeless Seafoam
- D6D3FE
≈ Pale Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.47:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.47:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--elegant-light-rose: #fdcaca;
--elegant-light-rose-rgb: 253 202 202;
--elegant-light-rose-oklch: oklch(0.884 0.058 18.3);
}
.element {
color: var(--elegant-light-rose);
background-color: hsl(0 93% 89%);
border-color: oklch(0.884 0.058 18.3);
}Tailwind CSS v4
@theme {
--color-elegant-light-rose: #fdcaca;
--color-elegant-light-rose-50: #ffefee;
--color-elegant-light-rose-100: #fbe1e0;
--color-elegant-light-rose-200: #eccbca;
--color-elegant-light-rose-300: #d4acab;
--color-elegant-light-rose-400: #bf9191;
--color-elegant-light-rose-500: #a97777;
--color-elegant-light-rose-600: #8f6565;
--color-elegant-light-rose-700: #735051;
--color-elegant-light-rose-800: #553a3b;
--color-elegant-light-rose-900: #3b2829;
--color-elegant-light-rose-950: #251617;
}SCSS
$elegant-light-rose: #fdcaca;
$elegant-light-rose-rgb: 253, 202, 202;
$elegant-light-rose-light: mix(#fff, $elegant-light-rose, 20%);
$elegant-light-rose-dark: mix(#000, $elegant-light-rose, 20%);
.element {
color: $elegant-light-rose;
box-shadow: 0 0 0 2px rgba($elegant-light-rose, 0.35);
}