Couleur nommée · #AED9EC
Blue Feather
Blue Feather correspond à #AED9EC : rgb(174 217 236), hsl(198 62% 80%), oklch(0.861 0.052 226.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Blue Feather color name →
#AED9EC
oklch(0.861 0.052 226.6)
Conversions de couleur
- HEX
- #aed9ec
- RGB
- rgb(174 217 236)
- HSL
- hsl(198 62% 80%)
- HWB
- hwb(198 68% 7%)
- OKLCH
- oklch(0.861 0.052 226.6)
- OKLab
- oklab(0.861 -0.036 -0.038)
- CIE Lab
- lab(84.09 -11.36 -14.22)
- LCH
- lch(84.09 18.21 231.4)
- CMYK
- cmyk(26% 8% 0% 7%)
Teintes · Ombres · Tons
Teintes
- B6DDEE
- BEE1F0
- C7E4F2
- CFE8F4
- D7ECF6
- DFF0F8
- E7F4F9
- EFF7FB
- F7FBFD
Ombres
- 97BCCD
- 80A1AF
- 6A8692
- 556C76
- 41535B
- 2E3B42
- 1C2529
- 0B1113
- 010203
Tons
- AAD0E1
- A5C7D6
- A1BECA
- 9CB5C0
- 97ACB5
- 93A3AA
- 8E9A9F
- 899195
- 85898A
Harmonies de couleurs
Complémentaire +180°
- AED9EC
Blue Feather
- EFC8B5
≈ Everblooming
Analogue -30° +30°
- AED9EC
Blue Feather
- AADCDD
≈ Beachside Drive
- BCD3F4
≈ Summer Birthday
Triadique +120° +240°
- AED9EC
Blue Feather
- ECC4D8
≈ Tussie-Mussie
- D5D4AD
≈ Dull Sage
Complémentaire divisée +150° +210°
- AED9EC
Blue Feather
- F2C4C5
≈ My Fair Lady
- E5CDAC
≈ Consommé
Tétradique +90° +180° +270°
- AED9EC
Blue Feather
- DFC7E9
≈ Syrian Violet
- EFC8B5
≈ Everblooming
- C2DAB8
≈ Grasshopper Pie
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.50:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.93:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--blue-feather: #aed9ec;
--blue-feather-rgb: 174 217 236;
--blue-feather-oklch: oklch(0.861 0.052 226.6);
}
.element {
color: var(--blue-feather);
background-color: hsl(198 62% 80%);
border-color: oklch(0.861 0.052 226.6);
}Tailwind CSS v4
@theme {
--color-blue-feather: #aed9ec;
--color-blue-feather-50: #e7f8ff;
--color-blue-feather-100: #d7ecf6;
--color-blue-feather-200: #bed9e6;
--color-blue-feather-300: #9dbdcd;
--color-blue-feather-400: #7ea5b6;
--color-blue-feather-500: #608ea1;
--color-blue-feather-600: #527888;
--color-blue-feather-700: #41606d;
--color-blue-feather-800: #2e4650;
--color-blue-feather-900: #1f3138;
--color-blue-feather-950: #0f1d22;
}SCSS
$blue-feather: #aed9ec;
$blue-feather-rgb: 174, 217, 236;
$blue-feather-light: mix(#fff, $blue-feather, 20%);
$blue-feather-dark: mix(#000, $blue-feather, 20%);
.element {
color: $blue-feather;
box-shadow: 0 0 0 2px rgba($blue-feather, 0.35);
}