Nazwany kolor · #DACFD4
Stardust Ballroom
Stardust Ballroom to #DACFD4: rgb(218 207 212), hsl(333 13% 83%), oklch(0.865 0.014 348). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stardust Ballroom color name →
#DACFD4
oklch(0.865 0.014 348)
Konwersje koloru
- HEX
- #dacfd4
- RGB
- rgb(218 207 212)
- HSL
- hsl(333 13% 83%)
- HWB
- hwb(333 81% 15%)
- OKLCH
- oklch(0.865 0.014 348)
- OKLab
- oklab(0.865 0.014 -0.003)
- CIE Lab
- lab(84.13 4.59 -1.05)
- LCH
- lch(84.13 4.71 347.1)
- CMYK
- cmyk(0% 5% 3% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DED4D8
- E1D8DC
- E5DDE1
- E9E2E5
- ECE7E9
- F0ECEE
- F4F0F2
- F8F5F6
- FBFAFB
Odcienie ciemniejsze
- BDB4B8
- A2999D
- 877F83
- 6C6769
- 544F51
- 3C383A
- 252324
- 111010
- 020202
Tony
- D1C7CB
- C7BFC3
- BEB7BA
- B5AFB1
- ACA7A9
- A39FA1
- 9A9798
- 918F90
- 898888
Harmonie kolorów
Komplementarna +180°
- DACFD4
Stardust Ballroom
- CAD6D1
≈ Blue Lullaby
Analogowa -30° +30°
- DACFD4
Stardust Ballroom
- D6D0D9
≈ Spooky Ghost
- DCCFCF
≈ Light Hint of Lavender
Triada +120° +240°
- DACFD4
Stardust Ballroom
- D3D3C9
≈ Eon
- CAD5DA
≈ Mild Blue
Komplementarna rozszczepiona +150° +210°
- DACFD4
Stardust Ballroom
- CED5CC
≈ Celadon Glaze
- C9D5D6
≈ Lullaby
Tetrada +90° +180° +270°
- DACFD4
Stardust Ballroom
- D8D2C9
≈ Light Eggshell Pink
- CAD6D1
≈ Blue Lullaby
- CDD3DC
≈ Gentle Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.85:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--stardust-ballroom: #dacfd4;
--stardust-ballroom-rgb: 218 207 212;
--stardust-ballroom-oklch: oklch(0.865 0.014 348);
}
.element {
color: var(--stardust-ballroom);
background-color: hsl(333 13% 83%);
border-color: oklch(0.865 0.014 348);
}Tailwind CSS v4
@theme {
--color-stardust-ballroom: #dacfd4;
--color-stardust-ballroom-50: #f8f3f6;
--color-stardust-ballroom-100: #ece6e8;
--color-stardust-ballroom-200: #d9d2d5;
--color-stardust-ballroom-300: #bdb5b8;
--color-stardust-ballroom-400: #a59ba0;
--color-stardust-ballroom-500: #8e8388;
--color-stardust-ballroom-600: #786f73;
--color-stardust-ballroom-700: #60585c;
--color-stardust-ballroom-800: #464043;
--color-stardust-ballroom-900: #312c2e;
--color-stardust-ballroom-950: #1d1a1b;
}SCSS
$stardust-ballroom: #dacfd4;
$stardust-ballroom-rgb: 218, 207, 212;
$stardust-ballroom-light: mix(#fff, $stardust-ballroom, 20%);
$stardust-ballroom-dark: mix(#000, $stardust-ballroom, 20%);
.element {
color: $stardust-ballroom;
box-shadow: 0 0 0 2px rgba($stardust-ballroom, 0.35);
}