Adlandırılmış renk · #EEC7D6
Lily Legs
Lily Legs, #EEC7D6: rgb(238 199 214), hsl(337 53% 86%), oklch(0.867 0.048 353). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Lily Legs color name →
#EEC7D6
oklch(0.867 0.048 353)
Renk dönüşümleri
- HEX
- #eec7d6
- RGB
- rgb(238 199 214)
- HSL
- hsl(337 53% 86%)
- HWB
- hwb(337 78% 7%)
- OKLCH
- oklch(0.867 0.048 353)
- OKLab
- oklab(0.867 0.048 -0.006)
- CIE Lab
- lab(83.99 16.02 -2.06)
- LCH
- lch(83.99 16.15 352.7)
- CMYK
- cmyk(0% 16% 10% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0CDDA
- F2D2DE
- F4D8E2
- F5DDE6
- F7E3EA
- F9E8EE
- FAEEF3
- FCF4F7
- FDF9FB
Koyu tonlar
- CFADBA
- B1939E
- 937A84
- 77626A
- 5C4C52
- 42363B
- 2A2125
- 140E10
- 030202
Gri tonlar
- E3C0CD
- D7B8C4
- CCB1BB
- C1AAB3
- B6A3AA
- AB9CA1
- A09599
- 958E91
- 8B8788
Renk uyumları
Tamamlayıcı +180°
- EEC7D6
Lily Legs
- B4DED0
≈ Jade Sea
Analog -30° +30°
- EEC7D6
Lily Legs
- E3C9E6
≈ Syrian Violet
- F2C8C5
≈ Sonia Rose
Üçlü +120° +240°
- EEC7D6
Lily Legs
- D3D7B3
≈ Prairie Willow
- B5DAEE
≈ Seashore Dreams
Bölünmüş tamamlayıcı +150° +210°
- EEC7D6
Lily Legs
- C2DCBF
≈ Galway
- AFDDE1
≈ Blue Bauble
Dörtlü +90° +180° +270°
- EEC7D6
Lily Legs
- E3D1B0
≈ Corinthian Pillar
- B4DED0
≈ Jade Sea
- C3D4F4
≈ Mr. Glass
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.77:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--lily-legs: #eec7d6;
--lily-legs-rgb: 238 199 214;
--lily-legs-oklch: oklch(0.867 0.048 353);
}
.element {
color: var(--lily-legs);
background-color: hsl(337 53% 86%);
border-color: oklch(0.867 0.048 353);
}Tailwind CSS v4
@theme {
--color-lily-legs: #eec7d6;
--color-lily-legs-50: #fff0f6;
--color-lily-legs-100: #f6e2e9;
--color-lily-legs-200: #e6ccd5;
--color-lily-legs-300: #cdaeb8;
--color-lily-legs-400: #b693a1;
--color-lily-legs-500: #a07989;
--color-lily-legs-600: #886774;
--color-lily-legs-700: #6d525d;
--color-lily-legs-800: #503c44;
--color-lily-legs-900: #38292f;
--color-lily-legs-950: #22171c;
}SCSS
$lily-legs: #eec7d6;
$lily-legs-rgb: 238, 199, 214;
$lily-legs-light: mix(#fff, $lily-legs, 20%);
$lily-legs-dark: mix(#000, $lily-legs, 20%);
.element {
color: $lily-legs;
box-shadow: 0 0 0 2px rgba($lily-legs, 0.35);
}