Adlandırılmış renk · #FED3E4
Poplar Pink
Poplar Pink, #FED3E4: rgb(254 211 228), hsl(336 96% 91%), oklch(0.908 0.053 352.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? → · Poplar Pink color name →
#FED3E4
oklch(0.908 0.053 352.5)
Renk dönüşümleri
- HEX
- #fed3e4
- RGB
- rgb(254 211 228)
- HSL
- hsl(336 96% 91%)
- HWB
- hwb(336 83% 0%)
- OKLCH
- oklch(0.908 0.053 352.5)
- OKLab
- oklab(0.908 0.052 -0.007)
- CIE Lab
- lab(88.66 17.52 -2.45)
- LCH
- lch(88.66 17.69 352)
- CMYK
- cmyk(0% 17% 10% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FED7E7
- FFDCE9
- FFE0EC
- FFE5EF
- FFE9F1
- FFEDF4
- FFF2F7
- FFF6FA
- FFFBFC
Koyu tonlar
- DDB7C6
- BD9CA9
- 9E828D
- 806972
- 635158
- 473A3F
- 2D2428
- 161012
- 030203
Gri tonlar
- F1CADA
- E4C2CF
- D7B9C5
- CAB1BB
- BDA9B1
- B1A0A7
- A4989D
- 989093
- 8C888A
Renk uyumları
Tamamlayıcı +180°
- FED3E4
Poplar Pink
- BEEDDD
≈ Fresh Breeze
Analog -30° +30°
- FED3E4
Poplar Pink
- F2D6F6
≈ Scented Spring
- FFD5D2
≈ Pink Clay
Üçlü +120° +240°
- FED3E4
Poplar Pink
- E1E5BD
≈ Loch Modan Moss
- BFE8FE
≈ Blue Java Banana
Bölünmüş tamamlayıcı +150° +210°
- FED3E4
Poplar Pink
- CDEACA
≈ Frosty Dawn
- B8ECF0
≈ Cold Blooded
Dörtlü +90° +180° +270°
- FED3E4
Poplar Pink
- F2DEBA
≈ Nothing Less
- BEEDDD
≈ Fresh Breeze
- D1E1FF
≈ Arc Light
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.65:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--poplar-pink: #fed3e4;
--poplar-pink-rgb: 254 211 228;
--poplar-pink-oklch: oklch(0.908 0.053 352.5);
}
.element {
color: var(--poplar-pink);
background-color: hsl(336 96% 91%);
border-color: oklch(0.908 0.053 352.5);
}Tailwind CSS v4
@theme {
--color-poplar-pink: #fed3e4;
--color-poplar-pink-50: #ffeff6;
--color-poplar-pink-100: #f7e1e9;
--color-poplar-pink-200: #e8cbd5;
--color-poplar-pink-300: #ceadb9;
--color-poplar-pink-400: #b892a1;
--color-poplar-pink-500: #a27889;
--color-poplar-pink-600: #896674;
--color-poplar-pink-700: #6e515d;
--color-poplar-pink-800: #513b45;
--color-poplar-pink-900: #382830;
--color-poplar-pink-950: #23161c;
}SCSS
$poplar-pink: #fed3e4;
$poplar-pink-rgb: 254, 211, 228;
$poplar-pink-light: mix(#fff, $poplar-pink, 20%);
$poplar-pink-dark: mix(#000, $poplar-pink, 20%);
.element {
color: $poplar-pink;
box-shadow: 0 0 0 2px rgba($poplar-pink, 0.35);
}