Benannte Farbe · #D0A7A8
Baby Jane
Baby Jane ist #D0A7A8: rgb(208 167 168), hsl(359 30% 74%), oklch(0.766 0.048 16.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Baby Jane color name →
#D0A7A8
oklch(0.766 0.048 16.6)
Farbumrechnungen
- HEX
- #d0a7a8
- RGB
- rgb(208 167 168)
- HSL
- hsl(359 30% 74%)
- HWB
- hwb(359 65% 18%)
- OKLCH
- oklch(0.766 0.048 16.6)
- OKLab
- oklab(0.766 0.046 0.014)
- CIE Lab
- lab(72.3 15.62 5.5)
- LCH
- lch(72.3 16.56 19.4)
- CMYK
- cmyk(0% 20% 19% 18%)
Tints · Shades · Tones
Tints
- D5B0B0
- DAB8B9
- DFC1C1
- E3CACA
- E8D2D3
- EDDBDB
- F1E4E4
- F6EDED
- FAF6F6
Shades
- B59192
- 9A7B7C
- 806667
- 675252
- 4F3E3F
- 392C2C
- 231A1A
- 100A0A
- 020101
Tones
- C8A3A4
- C09FA0
- B89B9C
- B09798
- A89394
- A09090
- 988C8C
- 908888
- 888484
Farbharmonien
Komplementär +180°
- D0A7A8
Baby Jane
- 8FBDBD
≈ Blithe Blue
Analog -30° +30°
- D0A7A8
Baby Jane
- CBA7B9
≈ Fragrant Lilac
- CEAA99
≈ Tempting Taupe
Triadisch +120° +240°
- D0A7A8
Baby Jane
- A5BA9C
≈ Laurel Green
- 9FB5D2
≈ Blue Satin
Geteilt komplementär +150° +210°
- D0A7A8
Baby Jane
- 96BDAC
≈ Scenic View
- 93BACB
≈ Sydney Harbour
Tetradisch +90° +180° +270°
- D0A7A8
Baby Jane
- B6B592
≈ Green Tea
- 8FBDBD
≈ Blithe Blue
- B0AFD1
≈ Freesia Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.14:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.77:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--baby-jane: #d0a7a8;
--baby-jane-rgb: 208 167 168;
--baby-jane-oklch: oklch(0.766 0.048 16.6);
}
.element {
color: var(--baby-jane);
background-color: hsl(359 30% 74%);
border-color: oklch(0.766 0.048 16.6);
}Tailwind CSS v4
@theme {
--color-baby-jane: #d0a7a8;
--color-baby-jane-50: #fff0f0;
--color-baby-jane-100: #f8e2e2;
--color-baby-jane-200: #e8cdcc;
--color-baby-jane-300: #cfaeae;
--color-baby-jane-400: #b99394;
--color-baby-jane-500: #a47a7b;
--color-baby-jane-600: #8b6768;
--color-baby-jane-700: #6f5253;
--color-baby-jane-800: #523c3d;
--color-baby-jane-900: #39292a;
--color-baby-jane-950: #231718;
}SCSS
$baby-jane: #d0a7a8;
$baby-jane-rgb: 208, 167, 168;
$baby-jane-light: mix(#fff, $baby-jane, 20%);
$baby-jane-dark: mix(#000, $baby-jane, 20%);
.element {
color: $baby-jane;
box-shadow: 0 0 0 2px rgba($baby-jane, 0.35);
}