Adlandırılmış renk · #FED7CF
Elusive
Elusive, #FED7CF: rgb(254 215 207), hsl(10 96% 90%), oklch(0.91 0.045 31.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Elusive color name →
#FED7CF
oklch(0.91 0.045 31.5)
Renk dönüşümleri
- HEX
- #fed7cf
- RGB
- rgb(254 215 207)
- HSL
- hsl(10 96% 90%)
- HWB
- hwb(10 81% 0%)
- OKLCH
- oklch(0.91 0.045 31.5)
- OKLab
- oklab(0.91 0.039 0.024)
- CIE Lab
- lab(89.18 13.14 9.29)
- LCH
- lch(89.18 16.09 35.3)
- CMYK
- cmyk(0% 15% 19% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEDBD4
- FFDFD9
- FFE3DD
- FFE7E2
- FFEBE7
- FFEFEC
- FFF3F0
- FFF7F5
- FFFBFA
Koyu tonlar
- DDBBB4
- BD9F99
- 9E857F
- 806B67
- 63524F
- 473B38
- 2D2523
- 161110
- 030202
Gri tonlar
- F1CEC7
- E4C5BF
- D7BCB7
- CAB3AF
- BDABA7
- B1A29F
- A49997
- 98918F
- 8C8888
Renk uyumları
Tamamlayıcı +180°
- FED7CF
Elusive
- C0EAF3
≈ Niagara Mist
Analog -30° +30°
- FED7CF
Elusive
- FCD5DF
≈ No Need to Blush
- F8DBC3
≈ Alluring Gesture
Üçlü +120° +240°
- FED7CF
Elusive
- CCEAD3
≈ Glacial Water Green
- D7E0FF
≈ Contrail
Bölünmüş tamamlayıcı +150° +210°
- FED7CF
Elusive
- C1ECE3
≈ Clear Aqua
- C8E6FD
≈ Icy Landscape
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.83:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.83:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--elusive: #fed7cf;
--elusive-rgb: 254 215 207;
--elusive-oklch: oklch(0.91 0.045 31.5);
}
.element {
color: var(--elusive);
background-color: hsl(10 96% 90%);
border-color: oklch(0.91 0.045 31.5);
}Tailwind CSS v4
@theme {
--color-elusive: #fed7cf;
--color-elusive-50: #fff1ed;
--color-elusive-100: #f7e3de;
--color-elusive-200: #e7cec8;
--color-elusive-300: #cdb0a9;
--color-elusive-400: #b8958e;
--color-elusive-500: #a27c74;
--color-elusive-600: #896962;
--color-elusive-700: #6e544e;
--color-elusive-800: #513d39;
--color-elusive-900: #382a27;
--color-elusive-950: #231715;
}SCSS
$elusive: #fed7cf;
$elusive-rgb: 254, 215, 207;
$elusive-light: mix(#fff, $elusive, 20%);
$elusive-dark: mix(#000, $elusive, 20%);
.element {
color: $elusive;
box-shadow: 0 0 0 2px rgba($elusive, 0.35);
}