Adlandırılmış renk · #FFD4BB
Mom’s Love
Mom’s Love, #FFD4BB: rgb(255 212 187), hsl(22 100% 87%), oklch(0.9 0.059 51.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Mom’s Love color name →
#FFD4BB
oklch(0.9 0.059 51.9)
Renk dönüşümleri
- HEX
- #ffd4bb
- RGB
- rgb(255 212 187)
- HSL
- hsl(22 100% 87%)
- HWB
- hwb(22 73% 0%)
- OKLCH
- oklch(0.9 0.059 51.9)
- OKLab
- oklab(0.9 0.036 0.046)
- CIE Lab
- lab(88.19 12.91 18.35)
- LCH
- lch(88.19 22.44 54.9)
- CMYK
- cmyk(0% 17% 27% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFD8C2
- FFDDC9
- FFE1CF
- FFE5D6
- FFEADD
- FFEEE4
- FFF2EB
- FFF6F1
- FFFBF8
Koyu tonlar
- DEB8A2
- BE9D8A
- 9E8373
- 80695C
- 635146
- 483A32
- 2E241F
- 16100D
- 030202
Gri tonlar
- F2CBB5
- E5C3AF
- D8BAA9
- CBB2A3
- BEA99D
- B1A197
- A59992
- 98908C
- 8C8886
Renk uyumları
Tamamlayıcı +180°
- FFD4BB
Mom’s Love
- B8E6FF
≈ Frozen Landscape
Analog -30° +30°
- FFD4BB
Mom’s Love
- FFD1CF
≈ Girlie
- F2DBB2
≈ Precious
Üçlü +120° +240°
- FFD4BB
Mom’s Love
- B7EBD9
≈ Water Leaf
- DED9FF
≈ Transparent Blue
Bölünmüş tamamlayıcı +150° +210°
- FFD4BB
Mom’s Love
- B0EAEF
≈ Spearmint Water
- CDDFFF
≈ Arc Light
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.38:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--mom-s-love: #ffd4bb;
--mom-s-love-rgb: 255 212 187;
--mom-s-love-oklch: oklch(0.9 0.059 51.9);
}
.element {
color: var(--mom-s-love);
background-color: hsl(22 100% 87%);
border-color: oklch(0.9 0.059 51.9);
}Tailwind CSS v4
@theme {
--color-mom-s-love: #ffd4bb;
--color-mom-s-love-50: #fff1e6;
--color-mom-s-love-100: #f9e3d6;
--color-mom-s-love-200: #e9cebd;
--color-mom-s-love-300: #d0b09c;
--color-mom-s-love-400: #bb957f;
--color-mom-s-love-500: #a67b62;
--color-mom-s-love-600: #8c6953;
--color-mom-s-love-700: #715442;
--color-mom-s-love-800: #533d30;
--color-mom-s-love-900: #3a2a21;
--color-mom-s-love-950: #241710;
}SCSS
$mom-s-love: #ffd4bb;
$mom-s-love-rgb: 255, 212, 187;
$mom-s-love-light: mix(#fff, $mom-s-love, 20%);
$mom-s-love-dark: mix(#000, $mom-s-love, 20%);
.element {
color: $mom-s-love;
box-shadow: 0 0 0 2px rgba($mom-s-love, 0.35);
}