Benannte Farbe · #8CA8C6
Dresden Doll
Dresden Doll ist #8CA8C6: rgb(140 168 198), hsl(211 34% 66%), oklch(0.721 0.054 250.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Dresden Doll color name →
#8CA8C6
oklch(0.721 0.054 250.4)
Farbumrechnungen
- HEX
- #8ca8c6
- RGB
- rgb(140 168 198)
- HSL
- hsl(211 34% 66%)
- HWB
- hwb(211 55% 22%)
- OKLCH
- oklch(0.721 0.054 250.4)
- OKLab
- oklab(0.721 -0.018 -0.051)
- CIE Lab
- lab(67.52 -4.73 -18.78)
- LCH
- lch(67.52 19.37 255.9)
- CMYK
- cmyk(29% 15% 0% 22%)
Tints · Shades · Tones
Tints
- 97B0CC
- A2B9D1
- AEC2D7
- B9CADD
- C4D3E3
- D0DCE8
- DCE4EE
- E7EDF4
- F3F6F9
Shades
- 7992AC
- 677C92
- 55677A
- 435262
- 333F4B
- 232C35
- 141A21
- 070A0E
- 010102
Tones
- 8BA4BF
- 8AA0B8
- 899CB1
- 8898AA
- 8694A3
- 85909C
- 848C95
- 83888E
- 818487
Farbharmonien
Komplementär +180°
- 8CA8C6
Dresden Doll
- BBA081
≈ Oxford Street
Analog -30° +30°
- 8CA8C6
Dresden Doll
- 7FADBD
≈ Open Seas
- 9EA2C7
≈ May Mist
Triadisch +120° +240°
- 8CA8C6
Dresden Doll
- C4979D
≈ Rose Meadow
- 9AAC89
≈ Cardoon
Geteilt komplementär +150° +210°
- 8CA8C6
Dresden Doll
- C39A8C
≈ Muddy Mire
- ACA67F
≈ Sedia
Tetradisch +90° +180° +270°
- 8CA8C6
Dresden Doll
- BD98AF
≈ Cherished
- BBA081
≈ Oxford Street
- 88B09A
≈ Covent Garden
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.46:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.53:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--dresden-doll: #8ca8c6;
--dresden-doll-rgb: 140 168 198;
--dresden-doll-oklch: oklch(0.721 0.054 250.4);
}
.element {
color: var(--dresden-doll);
background-color: hsl(211 34% 66%);
border-color: oklch(0.721 0.054 250.4);
}Tailwind CSS v4
@theme {
--color-dresden-doll: #8ca8c6;
--color-dresden-doll-50: #ebf7ff;
--color-dresden-doll-100: #dceafa;
--color-dresden-doll-200: #c4d6eb;
--color-dresden-doll-300: #a4bad3;
--color-dresden-doll-400: #87a1be;
--color-dresden-doll-500: #6b89a9;
--color-dresden-doll-600: #5b748f;
--color-dresden-doll-700: #495d72;
--color-dresden-doll-800: #344454;
--color-dresden-doll-900: #232f3b;
--color-dresden-doll-950: #121c25;
}SCSS
$dresden-doll: #8ca8c6;
$dresden-doll-rgb: 140, 168, 198;
$dresden-doll-light: mix(#fff, $dresden-doll, 20%);
$dresden-doll-dark: mix(#000, $dresden-doll, 20%);
.element {
color: $dresden-doll;
box-shadow: 0 0 0 2px rgba($dresden-doll, 0.35);
}