Colore con nome · #C2D0E1
Atmospheric Pressure
Atmospheric Pressure è #C2D0E1: rgb(194 208 225), hsl(213 34% 82%), oklch(0.852 0.028 253.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Atmospheric Pressure color name →
#C2D0E1
oklch(0.852 0.028 253.3)
Conversioni di colore
- HEX
- #c2d0e1
- RGB
- rgb(194 208 225)
- HSL
- hsl(213 34% 82%)
- HWB
- hwb(213 76% 12%)
- OKLCH
- oklch(0.852 0.028 253.3)
- OKLab
- oklab(0.852 -0.008 -0.027)
- CIE Lab
- lab(82.8 -2.37 -10.15)
- LCH
- lch(82.8 10.42 256.9)
- CMYK
- cmyk(14% 8% 0% 12%)
Tinte · Ombre · Toni
Tinte
- C8D5E4
- CED9E7
- D4DEEA
- DAE3ED
- E0E7F0
- E6ECF3
- ECF1F6
- F3F5F9
- F9FAFC
Ombre
- A8B5C4
- 8F9AA7
- 77808B
- 606770
- 494F56
- 34393E
- 202327
- 0E1012
- 020202
Toni
- BBC8D7
- B4BFCD
- AEB7C3
- A7AFB9
- A0A7AF
- 9A9FA6
- 93979C
- 8D8F93
- 868889
Armonie di colore
Complementare +180°
- C2D0E1
Atmospheric Pressure
- DACCBB
≈ Sand Dollar
Analogo -30° +30°
- C2D0E1
Atmospheric Pressure
- BCD3DC
≈ Light Salt Spray
- CBCDE1
≈ Blueberry Mist
Triadico +120° +240°
- C2D0E1
Atmospheric Pressure
- E0C7C9
≈ Pocketful of Promise
- C7D3C0
≈ Tomatillo Peel
Complementare divisa +150° +210°
- C2D0E1
Atmospheric Pressure
- DFC9C0
≈ Ancient Ruins
- D1D0BB
≈ With a Twist
Tetradico +90° +180° +270°
- C2D0E1
Atmospheric Pressure
- DDC8D3
≈ Sleepy Kisses
- DACCBB
≈ Sand Dollar
- BFD5C9
≈ Soft Fresco
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.40:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--atmospheric-pressure: #c2d0e1;
--atmospheric-pressure-rgb: 194 208 225;
--atmospheric-pressure-oklch: oklch(0.852 0.028 253.3);
}
.element {
color: var(--atmospheric-pressure);
background-color: hsl(213 34% 82%);
border-color: oklch(0.852 0.028 253.3);
}Tailwind CSS v4
@theme {
--color-atmospheric-pressure: #c2d0e1;
--color-atmospheric-pressure-50: #f0f6fd;
--color-atmospheric-pressure-100: #e2e9f1;
--color-atmospheric-pressure-200: #ccd5e0;
--color-atmospheric-pressure-300: #aeb8c6;
--color-atmospheric-pressure-400: #93a0af;
--color-atmospheric-pressure-500: #798899;
--color-atmospheric-pressure-600: #677381;
--color-atmospheric-pressure-700: #525c68;
--color-atmospheric-pressure-800: #3b434c;
--color-atmospheric-pressure-900: #292e35;
--color-atmospheric-pressure-950: #171b20;
}SCSS
$atmospheric-pressure: #c2d0e1;
$atmospheric-pressure-rgb: 194, 208, 225;
$atmospheric-pressure-light: mix(#fff, $atmospheric-pressure, 20%);
$atmospheric-pressure-dark: mix(#000, $atmospheric-pressure, 20%);
.element {
color: $atmospheric-pressure;
box-shadow: 0 0 0 2px rgba($atmospheric-pressure, 0.35);
}