Colore con nome · #C1D9E9
Breezy Touch
Breezy Touch è #C1D9E9: rgb(193 217 233), hsl(204 48% 84%), oklch(0.872 0.034 237). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Breezy Touch color name →
#C1D9E9
oklch(0.872 0.034 237)
Conversioni di colore
- HEX
- #c1d9e9
- RGB
- rgb(193 217 233)
- HSL
- hsl(204 48% 84%)
- HWB
- hwb(204 76% 9%)
- OKLCH
- oklch(0.872 0.034 237)
- OKLab
- oklab(0.872 -0.018 -0.028)
- CIE Lab
- lab(85.27 -5.82 -10.73)
- LCH
- lch(85.27 12.21 241.5)
- CMYK
- cmyk(17% 7% 0% 9%)
Tinte · Ombre · Toni
Tinte
- C7DDEB
- CDE1ED
- D4E4F0
- DAE8F2
- E0ECF4
- E6F0F6
- ECF4F8
- F3F7FB
- F9FBFD
Ombre
- A7BCCB
- 8FA1AD
- 778690
- 5F6C74
- 49535A
- 343B41
- 202529
- 0E1113
- 020203
Toni
- BAD0DE
- B4C7D3
- ADBDC8
- A7B4BE
- A0ABB3
- 9AA3A9
- 939A9E
- 8D9194
- 86898A
Armonie di colore
Complementare +180°
- C1D9E9
Breezy Touch
- E7D0C0
≈ Farm-Fresh Eggs
Analogo -30° +30°
- C1D9E9
Breezy Touch
- BCDCE0
≈ Infinitesimal Blue
- CBD5EC
≈ Garden Fairy
Triadico +120° +240°
- C1D9E9
Breezy Touch
- E9CCD5
≈ Queen Pink
- D3D8BF
≈ Medlar
Complementare divisa +150° +210°
- C1D9E9
Breezy Touch
- EBCDC9
≈ Cameo Peach
- DFD4BC
≈ Steamed Chai
Tetradico +90° +180° +270°
- C1D9E9
Breezy Touch
- E2CEE1
≈ Orchid Shimmer
- E7D0C0
≈ Farm-Fresh Eggs
- C7DCC8
≈ Misty Afternoon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.36:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--breezy-touch: #c1d9e9;
--breezy-touch-rgb: 193 217 233;
--breezy-touch-oklch: oklch(0.872 0.034 237);
}
.element {
color: var(--breezy-touch);
background-color: hsl(204 48% 84%);
border-color: oklch(0.872 0.034 237);
}Tailwind CSS v4
@theme {
--color-breezy-touch: #c1d9e9;
--color-breezy-touch-50: #edf7fe;
--color-breezy-touch-100: #deeaf2;
--color-breezy-touch-200: #c8d7e1;
--color-breezy-touch-300: #a8bac7;
--color-breezy-touch-400: #8ca2b0;
--color-breezy-touch-500: #718a9a;
--color-breezy-touch-600: #607582;
--color-breezy-touch-700: #4d5d68;
--color-breezy-touch-800: #37444d;
--color-breezy-touch-900: #262f35;
--color-breezy-touch-950: #141c20;
}SCSS
$breezy-touch: #c1d9e9;
$breezy-touch-rgb: 193, 217, 233;
$breezy-touch-light: mix(#fff, $breezy-touch, 20%);
$breezy-touch-dark: mix(#000, $breezy-touch, 20%);
.element {
color: $breezy-touch;
box-shadow: 0 0 0 2px rgba($breezy-touch, 0.35);
}