Colore con nome · #D1CCB0
Platinum Sage
Platinum Sage è #D1CCB0: rgb(209 204 176), hsl(51 26% 75%), oklch(0.842 0.038 98.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Platinum Sage color name →
#D1CCB0
oklch(0.842 0.038 98.8)
Conversioni di colore
- HEX
- #d1ccb0
- RGB
- rgb(209 204 176)
- HSL
- hsl(51 26% 75%)
- HWB
- hwb(51 69% 18%)
- OKLCH
- oklch(0.842 0.038 98.8)
- OKLab
- oklab(0.842 -0.006 0.038)
- CIE Lab
- lab(81.9 -1.68 14.67)
- LCH
- lch(81.9 14.77 96.5)
- CMYK
- cmyk(0% 2% 16% 18%)
Tinte · Ombre · Toni
Tinte
- D6D1B8
- DAD6C0
- DFDBC7
- E3E0CF
- E8E5D7
- ECEADF
- F1F0E7
- F6F5EF
- FAFAF7
Ombre
- B5B199
- 9B9782
- 817E6C
- 686556
- 504E42
- 39372E
- 23221C
- 100F0B
- 020201
Toni
- C9C4AB
- C0BCA6
- B8B5A2
- B0AD9D
- A8A598
- 9F9E93
- 98968E
- 908F8A
- 888785
Armonie di colore
Complementare +180°
- D1CCB0
Platinum Sage
- C5C9E4
≈ Silver Sweetpea
Analogo -30° +30°
- D1CCB0
Platinum Sage
- DCC7B1
≈ Playa Arenosa
- C3D0B6
≈ Tender Greens
Triadico +120° +240°
- D1CCB0
Platinum Sage
- B0D2DC
≈ Early June
- DDC2D3
≈ Blissful
Complementare divisa +150° +210°
- D1CCB0
Platinum Sage
- B9CEE4
≈ Tender Twilight
- D2C5DF
≈ On Location
Tetradico +90° +180° +270°
- D1CCB0
Platinum Sage
- B0D4D0
≈ Lake Breeze
- C5C9E4
≈ Silver Sweetpea
- E3C1C6
≈ Odyssey Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.97:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--platinum-sage: #d1ccb0;
--platinum-sage-rgb: 209 204 176;
--platinum-sage-oklch: oklch(0.842 0.038 98.8);
}
.element {
color: var(--platinum-sage);
background-color: hsl(51 26% 75%);
border-color: oklch(0.842 0.038 98.8);
}Tailwind CSS v4
@theme {
--color-platinum-sage: #d1ccb0;
--color-platinum-sage-50: #f7f6e9;
--color-platinum-sage-100: #eae8da;
--color-platinum-sage-200: #d7d5c3;
--color-platinum-sage-300: #bbb8a2;
--color-platinum-sage-400: #a49f86;
--color-platinum-sage-500: #8c876a;
--color-platinum-sage-600: #77725a;
--color-platinum-sage-700: #5f5b48;
--color-platinum-sage-800: #464334;
--color-platinum-sage-900: #302e23;
--color-platinum-sage-950: #1d1b12;
}SCSS
$platinum-sage: #d1ccb0;
$platinum-sage-rgb: 209, 204, 176;
$platinum-sage-light: mix(#fff, $platinum-sage, 20%);
$platinum-sage-dark: mix(#000, $platinum-sage, 20%);
.element {
color: $platinum-sage;
box-shadow: 0 0 0 2px rgba($platinum-sage, 0.35);
}