Adlandırılmış renk · #D5B7CB
Icing Flower
Icing Flower, #D5B7CB: rgb(213 183 203), hsl(320 26% 78%), oklch(0.811 0.043 338.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? → · Icing Flower color name →
#D5B7CB
oklch(0.811 0.043 338.3)
Renk dönüşümleri
- HEX
- #d5b7cb
- RGB
- rgb(213 183 203)
- HSL
- hsl(320 26% 78%)
- HWB
- hwb(320 72% 16%)
- OKLCH
- oklch(0.811 0.043 338.3)
- OKLab
- oklab(0.811 0.04 -0.016)
- CIE Lab
- lab(77.5 13.62 -5.94)
- LCH
- lch(77.5 14.86 336.4)
- CMYK
- cmyk(0% 14% 5% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9BED0
- DEC5D5
- E2CCDA
- E6D3E0
- EADBE5
- EEE2EA
- F3E9EF
- F7F0F4
- FBF8FA
Koyu tonlar
- B99FB0
- 9E8796
- 83707D
- 6A5A65
- 51454D
- 3A3137
- 241E22
- 100C0F
- 020202
Gri tonlar
- CCB1C3
- C4ACBC
- BBA6B4
- B2A1AC
- AA9BA5
- A1969D
- 999096
- 918B8F
- 888587
Renk uyumları
Tamamlayıcı +180°
- D5B7CB
Icing Flower
- ABCAB7
≈ Bird’s Egg Green
Analog -30° +30°
- D5B7CB
Icing Flower
- C9BAD7
≈ Purple Shine
- DCB6BC
≈ Pencil Eraser
Üçlü +120° +240°
- D5B7CB
Icing Flower
- C8C2A2
≈ Moth
- A3C9D4
≈ Sky Chase
Bölünmüş tamamlayıcı +150° +210°
- D5B7CB
Icing Flower
- B9C7AA
≈ Zion
- A2CBC7
≈ Eggshell Blue
Dörtlü +90° +180° +270°
- D5B7CB
Icing Flower
- D5BDA4
≈ Esplanade
- ABCAB7
≈ Bird’s Egg Green
- ACC4DD
≈ Blue Prism
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.46:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--icing-flower: #d5b7cb;
--icing-flower-rgb: 213 183 203;
--icing-flower-oklch: oklch(0.811 0.043 338.3);
}
.element {
color: var(--icing-flower);
background-color: hsl(320 26% 78%);
border-color: oklch(0.811 0.043 338.3);
}Tailwind CSS v4
@theme {
--color-icing-flower: #d5b7cb;
--color-icing-flower-50: #fef1f9;
--color-icing-flower-100: #f3e3ec;
--color-icing-flower-200: #e2cdda;
--color-icing-flower-300: #c8afbe;
--color-icing-flower-400: #b095a7;
--color-icing-flower-500: #9a7b90;
--color-icing-flower-600: #82697a;
--color-icing-flower-700: #685362;
--color-icing-flower-800: #4c3d48;
--color-icing-flower-900: #352a32;
--color-icing-flower-950: #20171e;
}SCSS
$icing-flower: #d5b7cb;
$icing-flower-rgb: 213, 183, 203;
$icing-flower-light: mix(#fff, $icing-flower, 20%);
$icing-flower-dark: mix(#000, $icing-flower, 20%);
.element {
color: $icing-flower;
box-shadow: 0 0 0 2px rgba($icing-flower, 0.35);
}