En yakın adlandırılmış renk · #A6BFFD
#A6BFFD
En yakın adlandırılmış renk: Pastel Blue
#A6BFFD (rgb(166 191 253), hsl(223 96% 82%), oklch(0.808 0.092 267.4)) en çok Pastel Blue adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A6BFFD
oklch(0.808 0.092 267.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFC5FE
- B7CCFE
- C0D2FF
- C9D9FF
- D2DFFF
- DBE6FF
- E4ECFF
- EDF2FF
- F6F9FF
Koyu tonlar
- 90A6DC
- 7A8DBC
- 65759D
- 515E7F
- 3E4862
- 2B3347
- 1A1F2D
- 0A0D16
- 010203
Gri tonlar
- A2B9F0
- 9EB2E3
- 9BACD7
- 97A6CA
- 939FBD
- 8F99B1
- 8B93A5
- 888D98
- 84868C
Renk uyumları
Tamamlayıcı +180°
- A6BFFD
Pastel Blue
- DABD79
≈ Brass Nail
Analog -30° +30°
- A6BFFD
Pastel Blue
- 85CAF5
≈ Chromis Damsel Blue
- C7B4F5
≈ Purple Sand
Üçlü +120° +240°
- A6BFFD
Pastel Blue
- F6AAA0
≈ Rosy Outlook
- 98D19E
≈ Sunlit Glade
Bölünmüş tamamlayıcı +150° +210°
- A6BFFD
Pastel Blue
- EEB285
≈ Rusty Sand
- BBC983
≈ Apple II Beige
Dörtlü +90° +180° +270°
- A6BFFD
Pastel Blue
- F2A8C1
≈ Tickled Pink
- DABD79
≈ Brass Nail
- 7AD4C0
≈ Green Parakeet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.49:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
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);
}