Colore con nome · #D3C3BE
Josephine
Josephine è #D3C3BE: rgb(211 195 190), hsl(14 19% 79%), oklch(0.829 0.019 38.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Josephine color name →
#D3C3BE
oklch(0.829 0.019 38.1)
Conversioni di colore
- HEX
- #d3c3be
- RGB
- rgb(211 195 190)
- HSL
- hsl(14 19% 79%)
- HWB
- hwb(14 75% 17%)
- OKLCH
- oklch(0.829 0.019 38.1)
- OKLab
- oklab(0.829 0.015 0.012)
- CIE Lab
- lab(80.03 5.18 4.66)
- LCH
- lch(80.03 6.97 41.9)
- CMYK
- cmyk(0% 8% 10% 17%)
Tinte · Ombre · Toni
Tinte
- D7C9C4
- DCCFCB
- E0D5D1
- E5DBD8
- E9E1DE
- EDE7E5
- F2EDEB
- F6F3F2
- FBF9F8
Ombre
- B7A9A5
- 9C908C
- 827875
- 69605E
- 514A48
- 3A3433
- 24201F
- 100E0D
- 020202
Toni
- CABCB8
- C2B5B1
- B9AEAB
- B1A8A5
- A9A19E
- A09A98
- 989492
- 908D8C
- 888686
Armonie di colore
Complementare +180°
- D3C3BE
Josephine
- BACACF
≈ Salvaged Silk
Analogo -30° +30°
- D3C3BE
Josephine
- D3C2C4
≈ Aroma
- D0C5BA
≈ Gallery Taupe
Triadico +120° +240°
- D3C3BE
Josephine
- BDCBC2
≈ Soothing Spring
- C4C6D4
≈ Kiri Mist
Complementare divisa +150° +210°
- D3C3BE
Josephine
- BACBC9
≈ Urban Raincoat
- BEC8D3
≈ Northern Exposure
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.31:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--josephine: #d3c3be;
--josephine-rgb: 211 195 190;
--josephine-oklch: oklch(0.829 0.019 38.1);
}
.element {
color: var(--josephine);
background-color: hsl(14 19% 79%);
border-color: oklch(0.829 0.019 38.1);
}Tailwind CSS v4
@theme {
--color-josephine: #d3c3be;
--color-josephine-50: #faf3f1;
--color-josephine-100: #eee6e3;
--color-josephine-200: #dcd2ce;
--color-josephine-300: #c1b4b0;
--color-josephine-400: #a99b96;
--color-josephine-500: #92827d;
--color-josephine-600: #7c6e6a;
--color-josephine-700: #635855;
--color-josephine-800: #49403e;
--color-josephine-900: #322c2a;
--color-josephine-950: #1e1918;
}SCSS
$josephine: #d3c3be;
$josephine-rgb: 211, 195, 190;
$josephine-light: mix(#fff, $josephine, 20%);
$josephine-dark: mix(#000, $josephine, 20%);
.element {
color: $josephine;
box-shadow: 0 0 0 2px rgba($josephine, 0.35);
}