Nazwany kolor · #FED0FC
Pink Diamond
Pink Diamond to #FED0FC: rgb(254 208 252), hsl(303 96% 91%), oklch(0.91 0.077 327.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Pink Diamond color name →
#FED0FC
oklch(0.91 0.077 327.6)
Konwersje koloru
- HEX
- #fed0fc
- RGB
- rgb(254 208 252)
- HSL
- hsl(303 96% 91%)
- HWB
- hwb(303 82% 0%)
- OKLCH
- oklch(0.91 0.077 327.6)
- OKLab
- oklab(0.91 0.065 -0.041)
- CIE Lab
- lab(88.53 22.06 -15.24)
- LCH
- lch(88.53 26.81 325.4)
- CMYK
- cmyk(0% 18% 1% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FED5FC
- FFDAFD
- FFDEFD
- FFE3FD
- FFE8FE
- FFECFE
- FFF1FE
- FFF6FF
- FFFAFF
Odcienie ciemniejsze
- DDB5DB
- BD9ABB
- 9E809C
- 80677E
- 634F62
- 473947
- 2D232D
- 161016
- 030203
Tony
- F1C8EF
- E4C0E2
- D7B7D5
- CAAFC9
- BDA7BC
- B19FB0
- A497A4
- 989098
- 8C888C
Harmonie kolorów
Komplementarna +180°
- FED0FC
Pink Diamond
- C0F0C5
≈ Peasful Mint
Analogowa -30° +30°
- FED0FC
Pink Diamond
- E5DBFF
≈ Transparent Blue
- FFD4E1
≈ Poplar Pink
Triada +120° +240°
- FED0FC
Pink Diamond
- F7DFA7
≈ Visionary
- A4F0FC
≈ Beyond the Clouds
Komplementarna rozszczepiona +150° +210°
- FED0FC
Pink Diamond
- DDE9AF
≈ Lichen Gold
- A9F3E1
≈ Mint Tea
Tetrada +90° +180° +270°
- FED0FC
Pink Diamond
- FFD9BE
≈ Delicate Dawn
- C0F0C5
≈ Peasful Mint
- C4E7FF
≈ Icy Landscape
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.64:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-diamond: #fed0fc;
--pink-diamond-rgb: 254 208 252;
--pink-diamond-oklch: oklch(0.91 0.077 327.6);
}
.element {
color: var(--pink-diamond);
background-color: hsl(303 96% 91%);
border-color: oklch(0.91 0.077 327.6);
}Tailwind CSS v4
@theme {
--color-pink-diamond: #fed0fc;
--color-pink-diamond-50: #ffeeff;
--color-pink-diamond-100: #f7dff5;
--color-pink-diamond-200: #e8c9e4;
--color-pink-diamond-300: #ceaacb;
--color-pink-diamond-400: #b88fb6;
--color-pink-diamond-500: #a274a0;
--color-pink-diamond-600: #896288;
--color-pink-diamond-700: #6e4e6d;
--color-pink-diamond-800: #503951;
--color-pink-diamond-900: #382738;
--color-pink-diamond-950: #221523;
}SCSS
$pink-diamond: #fed0fc;
$pink-diamond-rgb: 254, 208, 252;
$pink-diamond-light: mix(#fff, $pink-diamond, 20%);
$pink-diamond-dark: mix(#000, $pink-diamond, 20%);
.element {
color: $pink-diamond;
box-shadow: 0 0 0 2px rgba($pink-diamond, 0.35);
}