Colore con nome · #D4D8DB
Supreme Pontiff
Supreme Pontiff è #D4D8DB: rgb(212 216 219), hsl(206 9% 85%), oklch(0.88 0.006 239.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Supreme Pontiff color name →
#D4D8DB
oklch(0.88 0.006 239.8)
Conversioni di colore
- HEX
- #d4d8db
- RGB
- rgb(212 216 219)
- HSL
- hsl(206 9% 85%)
- HWB
- hwb(206 83% 14%)
- OKLCH
- oklch(0.88 0.006 239.8)
- OKLab
- oklab(0.88 -0.003 -0.005)
- CIE Lab
- lab(86.09 -0.99 -1.98)
- LCH
- lch(86.09 2.22 243.4)
- CMYK
- cmyk(3% 1% 0% 14%)
Tinte · Ombre · Toni
Tinte
- D8DCDF
- DCE0E2
- E1E4E6
- E5E7E9
- E9EBED
- EEEFF0
- F2F3F4
- F6F7F8
- FBFBFB
Ombre
- B8BCBE
- 9DA0A2
- 838587
- 696B6D
- 515354
- 3A3B3C
- 242526
- 101111
- 020202
Toni
- CBCFD2
- C3C6C8
- BABDBF
- B1B4B6
- A9ABAC
- A1A2A3
- 98999A
- 909191
- 888889
Armonie di colore
Complementare +180°
- D4D8DB
Supreme Pontiff
- DBD7D4
≈ Coffee Bag
Analogo -30° +30°
- D4D8DB
Supreme Pontiff
- D3D9DA
≈ Ashlin Grey
- D6D7DB
≈ Limestone Mauve
Triadico +120° +240°
- D4D8DB
Supreme Pontiff
- DBD6D7
≈ Sharp Pebbles
- D7D8D4
≈ Whispering Smoke
Complementare divisa +150° +210°
- D4D8DB
Supreme Pontiff
- DBD6D5
≈ Coffee Bag
- D9D7D3
≈ Cloudy
Tetradico +90° +180° +270°
- D4D8DB
Supreme Pontiff
- DAD6D9
≈ Sharp Pebbles
- DBD7D4
≈ Coffee Bag
- D5D9D5
≈ Quiet Dew
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.64:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--supreme-pontiff: #d4d8db;
--supreme-pontiff-rgb: 212 216 219;
--supreme-pontiff-oklch: oklch(0.88 0.006 239.8);
}
.element {
color: var(--supreme-pontiff);
background-color: hsl(206 9% 85%);
border-color: oklch(0.88 0.006 239.8);
}Tailwind CSS v4
@theme {
--color-supreme-pontiff: #d4d8db;
--color-supreme-pontiff-50: #f4f5f7;
--color-supreme-pontiff-100: #e6e8ea;
--color-supreme-pontiff-200: #d2d4d6;
--color-supreme-pontiff-300: #b5b8ba;
--color-supreme-pontiff-400: #9b9fa2;
--color-supreme-pontiff-500: #83878a;
--color-supreme-pontiff-600: #6f7275;
--color-supreme-pontiff-700: #585b5d;
--color-supreme-pontiff-800: #404344;
--color-supreme-pontiff-900: #2c2e2f;
--color-supreme-pontiff-950: #191b1c;
}SCSS
$supreme-pontiff: #d4d8db;
$supreme-pontiff-rgb: 212, 216, 219;
$supreme-pontiff-light: mix(#fff, $supreme-pontiff, 20%);
$supreme-pontiff-dark: mix(#000, $supreme-pontiff, 20%);
.element {
color: $supreme-pontiff;
box-shadow: 0 0 0 2px rgba($supreme-pontiff, 0.35);
}