Color con nombre más cercano · #C2D5D5
#C2D5D5
Color con nombre más cercano: Windy
#C2D5D5 (rgb(194 213 213), hsl(180 18% 80%), oklch(0.859 0.02 196.8)) se parece más al color con nombre Windy. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#C2D5D5
oklch(0.859 0.02 196.8)
Conversiones de color
- HEX
- #c2d5d5
- RGB
- rgb(194 213 213)
- HSL
- hsl(180 18% 80%)
- HWB
- hwb(180 76% 16%)
- OKLCH
- oklch(0.859 0.02 196.8)
- OKLab
- oklab(0.859 -0.02 -0.006)
- CIE Lab
- lab(83.83 -6.61 -2.3)
- LCH
- lch(83.83 7 199.2)
- CMYK
- cmyk(9% 0% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- C8D9D9
- CEDDDD
- D4E1E1
- DAE6E6
- E0EAEA
- E6EEEE
- EDF2F2
- F3F7F6
- F9FBFB
Sombras
- A8B9B9
- 8F9E9E
- 778383
- 606A6A
- 495151
- 343A3A
- 202424
- 0E1010
- 020202
Tonos
- BBCCCC
- B4C3C3
- AEBBBB
- A7B2B2
- A0AAAA
- 9AA1A1
- 939999
- 8D9090
- 868888
Armonías de color
Complementario +180°
- C2D5D5
Windy
- DECCCC
≈ Delirious Donkey
Análogo -30° +30°
Triádico +120° +240°
- C2D5D5
Windy
- D6CDDA
≈ Dusky Lilac
- D8CFC2
≈ Fine Grain
Complementario dividido +150° +210°
- C2D5D5
Windy
- DBCBD3
≈ Silver Mauve
- DDCDC5
≈ Morganite
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.77:1 · APCA Lc 79
Mejor color de texto: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmentos de código
CSS
:root {
--windy: #c2d5d5;
--windy-rgb: 194 213 213;
--windy-oklch: oklch(0.859 0.02 196.8);
}
.element {
color: var(--windy);
background-color: hsl(180 18% 80%);
border-color: oklch(0.859 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-windy: #c2d5d5;
--color-windy-50: #eff7f7;
--color-windy-100: #e0eaea;
--color-windy-200: #cbd7d7;
--color-windy-300: #acbbbb;
--color-windy-400: #91a2a2;
--color-windy-500: #778b8b;
--color-windy-600: #657575;
--color-windy-700: #515e5e;
--color-windy-800: #3b4544;
--color-windy-900: #282f2f;
--color-windy-950: #161c1c;
}SCSS
$windy: #c2d5d5;
$windy-rgb: 194, 213, 213;
$windy-light: mix(#fff, $windy, 20%);
$windy-dark: mix(#000, $windy, 20%);
.element {
color: $windy;
box-shadow: 0 0 0 2px rgba($windy, 0.35);
}