Colore con nome · #C5D8DE
Balmy
Balmy è #C5D8DE: rgb(197 216 222), hsl(194 27% 82%), oklch(0.87 0.022 218.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Balmy color name →
#C5D8DE
oklch(0.87 0.022 218.6)
Conversioni di colore
- HEX
- #c5d8de
- RGB
- rgb(197 216 222)
- HSL
- hsl(194 27% 82%)
- HWB
- hwb(194 77% 13%)
- OKLCH
- oklch(0.87 0.022 218.6)
- OKLab
- oklab(0.87 -0.017 -0.014)
- CIE Lab
- lab(85.04 -5.71 -5.26)
- LCH
- lch(85.04 7.76 222.6)
- CMYK
- cmyk(11% 3% 0% 13%)
Tinte · Ombre · Toni
Tinte
- CBDCE1
- D0E0E5
- D6E4E8
- DCE7EB
- E2EBEE
- E8EFF2
- EDF3F5
- F3F7F8
- F9FBFC
Ombre
- ABBCC1
- 92A0A5
- 798589
- 616B6F
- 4B5355
- 353B3D
- 212526
- 0E1112
- 020202
Toni
- BECFD4
- B7C6CA
- B0BDC1
- A9B4B7
- A2ABAE
- 9BA2A4
- 949A9B
- 8D9192
- 878889
Armonie di colore
Complementare +180°
- C5D8DE
Balmy
- E2D0CA
≈ China Silk
Analogo -30° +30°
- C5D8DE
Balmy
- C5D9D7
≈ Cool Mint
- C9D6E2
≈ Light Angora Blue
Triadico +120° +240°
- C5D8DE
Balmy
- DFCFD9
≈ Light Bassinet
- D8D5C4
≈ Plume Grass
Complementare divisa +150° +210°
- C5D8DE
Balmy
- E2CFD1
≈ Light Sprig Muslin
- DED2C5
≈ Pearl Bush
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.25:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--balmy: #c5d8de;
--balmy-rgb: 197 216 222;
--balmy-oklch: oklch(0.87 0.022 218.6);
}
.element {
color: var(--balmy);
background-color: hsl(194 27% 82%);
border-color: oklch(0.87 0.022 218.6);
}Tailwind CSS v4
@theme {
--color-balmy: #c5d8de;
--color-balmy-50: #eff7fa;
--color-balmy-100: #e0eaed;
--color-balmy-200: #cbd7db;
--color-balmy-300: #acbabf;
--color-balmy-400: #91a2a7;
--color-balmy-500: #778a90;
--color-balmy-600: #64757a;
--color-balmy-700: #505d62;
--color-balmy-800: #3a4447;
--color-balmy-900: #282f31;
--color-balmy-950: #161c1d;
}SCSS
$balmy: #c5d8de;
$balmy-rgb: 197, 216, 222;
$balmy-light: mix(#fff, $balmy, 20%);
$balmy-dark: mix(#000, $balmy, 20%);
.element {
color: $balmy;
box-shadow: 0 0 0 2px rgba($balmy, 0.35);
}