Nazwany kolor · #D5B7CB
Icing Flower
Icing Flower to #D5B7CB: rgb(213 183 203), hsl(320 26% 78%), oklch(0.811 0.043 338.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Icing Flower color name →
#D5B7CB
oklch(0.811 0.043 338.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9BED0
- DEC5D5
- E2CCDA
- E6D3E0
- EADBE5
- EEE2EA
- F3E9EF
- F7F0F4
- FBF8FA
Odcienie ciemniejsze
- B99FB0
- 9E8796
- 83707D
- 6A5A65
- 51454D
- 3A3137
- 241E22
- 100C0F
- 020202
Tony
- CCB1C3
- C4ACBC
- BBA6B4
- B2A1AC
- AA9BA5
- A1969D
- 999096
- 918B8F
- 888587
Harmonie kolorów
Komplementarna +180°
- D5B7CB
Icing Flower
- ABCAB7
≈ Bird’s Egg Green
Analogowa -30° +30°
- D5B7CB
Icing Flower
- C9BAD7
≈ Purple Shine
- DCB6BC
≈ Pencil Eraser
Triada +120° +240°
- D5B7CB
Icing Flower
- C8C2A2
≈ Moth
- A3C9D4
≈ Sky Chase
Komplementarna rozszczepiona +150° +210°
- D5B7CB
Icing Flower
- B9C7AA
≈ Zion
- A2CBC7
≈ Eggshell Blue
Tetrada +90° +180° +270°
- D5B7CB
Icing Flower
- D5BDA4
≈ Esplanade
- ABCAB7
≈ Bird’s Egg Green
- ACC4DD
≈ Blue Prism
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.46:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}