Couleur nommée la plus proche · #A6BFFD
#A6BFFD
Couleur nommée la plus proche: Pastel Blue
#A6BFFD (rgb(166 191 253), hsl(223 96% 82%), oklch(0.808 0.092 267.4)) est la plus proche de la couleur nommée Pastel Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A6BFFD
oklch(0.808 0.092 267.4)
Conversions de couleur
- HEX
- #a6bffd
- RGB
- rgb(166 191 253)
- HSL
- hsl(223 96% 82%)
- HWB
- hwb(223 65% 1%)
- OKLCH
- oklch(0.808 0.092 267.4)
- OKLab
- oklab(0.808 -0.004 -0.092)
- CIE Lab
- lab(77.15 2.16 -33.76)
- LCH
- lch(77.15 33.82 273.7)
- CMYK
- cmyk(34% 25% 0% 1%)
Teintes · Ombres · Tons
Teintes
- AFC5FE
- B7CCFE
- C0D2FF
- C9D9FF
- D2DFFF
- DBE6FF
- E4ECFF
- EDF2FF
- F6F9FF
Ombres
- 90A6DC
- 7A8DBC
- 65759D
- 515E7F
- 3E4862
- 2B3347
- 1A1F2D
- 0A0D16
- 010203
Tons
- A2B9F0
- 9EB2E3
- 9BACD7
- 97A6CA
- 939FBD
- 8F99B1
- 8B93A5
- 888D98
- 84868C
Harmonies de couleurs
Complémentaire +180°
- A6BFFD
Pastel Blue
- DABD79
≈ Brass Nail
Analogue -30° +30°
- A6BFFD
Pastel Blue
- 85CAF5
≈ Chromis Damsel Blue
- C7B4F5
≈ Purple Sand
Triadique +120° +240°
- A6BFFD
Pastel Blue
- F6AAA0
≈ Rosy Outlook
- 98D19E
≈ Sunlit Glade
Complémentaire divisée +150° +210°
- A6BFFD
Pastel Blue
- EEB285
≈ Rusty Sand
- BBC983
≈ Apple II Beige
Tétradique +90° +180° +270°
- A6BFFD
Pastel Blue
- F2A8C1
≈ Tickled Pink
- DABD79
≈ Brass Nail
- 7AD4C0
≈ Green Parakeet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.82:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.49:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--pastel-blue: #a6bffd;
--pastel-blue-rgb: 166 191 253;
--pastel-blue-oklch: oklch(0.808 0.092 267.4);
}
.element {
color: var(--pastel-blue);
background-color: hsl(223 96% 82%);
border-color: oklch(0.808 0.092 267.4);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #a6bffd;
--color-pastel-blue-50: #eaf5ff;
--color-pastel-blue-100: #dbe7ff;
--color-pastel-blue-200: #c4d3fd;
--color-pastel-blue-300: #a4b6e8;
--color-pastel-blue-400: #869dd6;
--color-pastel-blue-500: #6b84c4;
--color-pastel-blue-600: #5b70a5;
--color-pastel-blue-700: #485985;
--color-pastel-blue-800: #334263;
--color-pastel-blue-900: #232d45;
--color-pastel-blue-950: #121a2d;
}SCSS
$pastel-blue: #a6bffd;
$pastel-blue-rgb: 166, 191, 253;
$pastel-blue-light: mix(#fff, $pastel-blue, 20%);
$pastel-blue-dark: mix(#000, $pastel-blue, 20%);
.element {
color: $pastel-blue;
box-shadow: 0 0 0 2px rgba($pastel-blue, 0.35);
}