Benannte Farbe · #DAD9D4
First Star
First Star ist #DAD9D4: rgb(218 217 212), hsl(50 7% 84%), oklch(0.885 0.007 97.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · First Star color name →
#DAD9D4
oklch(0.885 0.007 97.4)
Farbumrechnungen
- HEX
- #dad9d4
- RGB
- rgb(218 217 212)
- HSL
- hsl(50 7% 84%)
- HWB
- hwb(50 83% 15%)
- OKLCH
- oklch(0.885 0.007 97.4)
- OKLab
- oklab(0.885 -0.001 0.007)
- CIE Lab
- lab(86.67 -0.31 2.6)
- LCH
- lch(86.67 2.61 96.8)
- CMYK
- cmyk(0% 0% 3% 15%)
Tints · Shades · Tones
Tints
- DEDDD8
- E1E1DC
- E5E4E1
- E9E8E5
- ECECE9
- F0F0EE
- F4F3F2
- F8F7F6
- FBFBFB
Shades
- BDBCB8
- A2A19D
- 878683
- 6C6C69
- 545351
- 3C3B3A
- 252524
- 111110
- 020202
Tones
- D1D0CB
- C7C7C3
- BEBDBA
- B5B4B1
- ACABA9
- A3A3A1
- 9A9A98
- 919190
- 898888
Farbharmonien
Komplementär +180°
- DAD9D4
First Star
- D8D9DE
≈ Petal Tip
Analog -30° +30°
- DAD9D4
First Star
- DCD8D4
≈ Heirloom Shade
- D8DAD5
≈ Quiet Dew
Triadisch +120° +240°
- DAD9D4
First Star
- D4DADC
≈ Rinse
- DCD7DA
≈ Creek Pebble
Geteilt komplementär +150° +210°
- DAD9D4
First Star
- D5D9DD
≈ Rinse
- DAD8DD
≈ Petal Tip
Tetradisch +90° +180° +270°
- DAD9D4
First Star
- D4DADA
≈ Urban Mist
- D8D9DE
≈ Petal Tip
- DDD7D8
≈ Creek Pebble
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.85:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--first-star: #dad9d4;
--first-star-rgb: 218 217 212;
--first-star-oklch: oklch(0.885 0.007 97.4);
}
.element {
color: var(--first-star);
background-color: hsl(50 7% 84%);
border-color: oklch(0.885 0.007 97.4);
}Tailwind CSS v4
@theme {
--color-first-star: #dad9d4;
--color-first-star-50: #f5f5f3;
--color-first-star-100: #e8e8e5;
--color-first-star-200: #d5d4d1;
--color-first-star-300: #b8b7b3;
--color-first-star-400: #9f9e9a;
--color-first-star-500: #878681;
--color-first-star-600: #72726d;
--color-first-star-700: #5b5b57;
--color-first-star-800: #434240;
--color-first-star-900: #2e2e2c;
--color-first-star-950: #1b1b19;
}SCSS
$first-star: #dad9d4;
$first-star-rgb: 218, 217, 212;
$first-star-light: mix(#fff, $first-star, 20%);
$first-star-dark: mix(#000, $first-star, 20%);
.element {
color: $first-star;
box-shadow: 0 0 0 2px rgba($first-star, 0.35);
}