Couleur nommée la plus proche · #C2CADD
#C2CADD
Couleur nommée la plus proche: Winter’s Fury
#C2CADD (rgb(194 202 221), hsl(222 28% 81%), oklch(0.839 0.028 267.5)) est la plus proche de la couleur nommée Winter’s Fury. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C2CADD
oklch(0.839 0.028 267.5)
Conversions de couleur
- HEX
- #c2cadd
- RGB
- rgb(194 202 221)
- HSL
- hsl(222 28% 81%)
- HWB
- hwb(222 76% 13%)
- OKLCH
- oklch(0.839 0.028 267.5)
- OKLab
- oklab(0.839 -0.001 -0.028)
- CIE Lab
- lab(81.14 -0.03 -10.47)
- LCH
- lch(81.14 10.47 269.8)
- CMYK
- cmyk(12% 9% 0% 13%)
Teintes · Ombres · Tons
Teintes
- C8CFE0
- CED4E4
- D4DAE7
- DADFEB
- E0E4EE
- E6EAF1
- ECEFF5
- F3F4F8
- F9FAFC
Ombres
- A8AFC0
- 8F95A4
- 777C88
- 60646E
- 494D55
- 34373D
- 202226
- 0E0F11
- 020202
Tons
- BBC2D3
- B4BBCA
- AEB3C0
- A7ACB7
- A0A4AD
- 9A9DA4
- 93969B
- 8D8E92
- 868789
Harmonies de couleurs
Complémentaire +180°
- C2CADD
Winter’s Fury
- D2C9B6
≈ Sandstone Cliff
Analogue -30° +30°
- C2CADD
Winter’s Fury
- BACDDA
≈ Constellation
- CCC7DB
≈ Angel Kiss
Triadique +120° +240°
- C2CADD
Winter’s Fury
- DCC4C0
≈ Bella Mia
- BFCFC0
≈ Green Lily
Complémentaire divisée +150° +210°
- C2CADD
Winter’s Fury
- D9C6B9
≈ Suede Beige
- C8CDB9
≈ Green Alabaster
Tétradique +90° +180° +270°
- C2CADD
Winter’s Fury
- DAC3CA
≈ Old Mission Pink
- D2C9B6
≈ Sandstone Cliff
- B8D0CA
≈ Jet Stream
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.78:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--winter-s-fury: #c2cadd;
--winter-s-fury-rgb: 194 202 221;
--winter-s-fury-oklch: oklch(0.839 0.028 267.5);
}
.element {
color: var(--winter-s-fury);
background-color: hsl(222 28% 81%);
border-color: oklch(0.839 0.028 267.5);
}Tailwind CSS v4
@theme {
--color-winter-s-fury: #c2cadd;
--color-winter-s-fury-50: #f2f5fd;
--color-winter-s-fury-100: #e4e8f2;
--color-winter-s-fury-200: #cfd4e1;
--color-winter-s-fury-300: #b1b7c6;
--color-winter-s-fury-400: #979eb0;
--color-winter-s-fury-500: #7e8699;
--color-winter-s-fury-600: #6b7182;
--color-winter-s-fury-700: #555b68;
--color-winter-s-fury-800: #3e424c;
--color-winter-s-fury-900: #2a2e35;
--color-winter-s-fury-950: #181b20;
}SCSS
$winter-s-fury: #c2cadd;
$winter-s-fury-rgb: 194, 202, 221;
$winter-s-fury-light: mix(#fff, $winter-s-fury, 20%);
$winter-s-fury-dark: mix(#000, $winter-s-fury, 20%);
.element {
color: $winter-s-fury;
box-shadow: 0 0 0 2px rgba($winter-s-fury, 0.35);
}