Colore con nome · #DEE8F3
St. Petersburg
St. Petersburg è #DEE8F3: rgb(222 232 243), hsl(211 47% 91%), oklch(0.927 0.018 250.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · St. Petersburg color name →
#DEE8F3
oklch(0.927 0.018 250.6)
Conversioni di colore
- HEX
- #dee8f3
- RGB
- rgb(222 232 243)
- HSL
- hsl(211 47% 91%)
- HWB
- hwb(211 87% 5%)
- OKLCH
- oklch(0.927 0.018 250.6)
- OKLab
- oklab(0.927 -0.006 -0.017)
- CIE Lab
- lab(91.48 -1.9 -6.57)
- LCH
- lch(91.48 6.84 253.9)
- CMYK
- cmyk(9% 5% 0% 5%)
Tinte · Ombre · Toni
Tinte
- E1EAF4
- E5EDF5
- E8EFF7
- EBF1F8
- EEF3F9
- F2F6FA
- F5F8FB
- F8FAFD
- FCFDFE
Ombre
- C1CAD3
- A5ACB4
- 899097
- 6F747A
- 55595E
- 3D4044
- 26292B
- 121314
- 020303
Toni
- D4DDE7
- CAD2DB
- C1C8CF
- B7BDC3
- AEB3B8
- A4A8AC
- 9B9EA1
- 929496
- 898A8B
Armonie di colore
Complementare +180°
- DEE8F3
St. Petersburg
- EFE5DA
≈ Pearl Dust
Analogo -30° +30°
- DEE8F3
St. Petersburg
- DAEAEF
≈ Frost Wind
- E4E6F3
≈ Lavender Syrup
Triadico +120° +240°
- DEE8F3
St. Petersburg
- F3E2E4
≈ Dulcet Pink
- E3E9DD
≈ Minified Moss
Complementare divisa +150° +210°
- DEE8F3
St. Petersburg
- F2E3DE
≈ Peach Tone
- E9E7DA
≈ Clear Sand
Tetradico +90° +180° +270°
- DEE8F3
St. Petersburg
- F0E2EA
≈ Struck by Lightning
- EFE5DA
≈ Pearl Dust
- DDEBE3
≈ Snowbound
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.94:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.94:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--st-petersburg: #dee8f3;
--st-petersburg-rgb: 222 232 243;
--st-petersburg-oklch: oklch(0.927 0.018 250.6);
}
.element {
color: var(--st-petersburg);
background-color: hsl(211 47% 91%);
border-color: oklch(0.927 0.018 250.6);
}Tailwind CSS v4
@theme {
--color-st-petersburg: #dee8f3;
--color-st-petersburg-50: #f1f6fa;
--color-st-petersburg-100: #e4e8ee;
--color-st-petersburg-200: #cfd5dc;
--color-st-petersburg-300: #b1b8c1;
--color-st-petersburg-400: #979fa9;
--color-st-petersburg-500: #7d8792;
--color-st-petersburg-600: #6a737c;
--color-st-petersburg-700: #555c63;
--color-st-petersburg-800: #3e4349;
--color-st-petersburg-900: #2a2e32;
--color-st-petersburg-950: #181b1e;
}SCSS
$st-petersburg: #dee8f3;
$st-petersburg-rgb: 222, 232, 243;
$st-petersburg-light: mix(#fff, $st-petersburg, 20%);
$st-petersburg-dark: mix(#000, $st-petersburg, 20%);
.element {
color: $st-petersburg;
box-shadow: 0 0 0 2px rgba($st-petersburg, 0.35);
}