Adlandırılmış renk · #82BADF
Enchanting
Enchanting, #82BADF: rgb(130 186 223), hsl(204 59% 69%), oklch(0.764 0.079 238.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Enchanting color name →
#82BADF
oklch(0.764 0.079 238.1)
Renk dönüşümleri
- HEX
- #82badf
- RGB
- rgb(130 186 223)
- HSL
- hsl(204 59% 69%)
- HWB
- hwb(204 51% 13%)
- OKLCH
- oklch(0.764 0.079 238.1)
- OKLab
- oklab(0.764 -0.042 -0.067)
- CIE Lab
- lab(72.65 -11.73 -24.74)
- LCH
- lch(72.65 27.38 244.6)
- CMYK
- cmyk(42% 17% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8FC1E2
- 9BC8E6
- A8CFE9
- B4D6EC
- C1DDF0
- CDE3F3
- DAEAF6
- E6F1F9
- F3F8FC
Koyu tonlar
- 70A1C2
- 5F89A5
- 4E728A
- 3E5C6F
- 2F4656
- 20323D
- 121E27
- 060D12
- 010202
Gri tonlar
- 82B4D5
- 83AECC
- 83A9C2
- 83A3B8
- 839DAF
- 8297A5
- 82919C
- 828C93
- 818689
Renk uyumları
Tamamlayıcı +180°
- 82BADF
Enchanting
- D9A680
≈ Windswept Canyon
Analog -30° +30°
- 82BADF
Enchanting
- 72C1CD
≈ Luna Moona
- 9DB1E5
≈ Myrtle Flower
Üçlü +120° +240°
- 82BADF
Enchanting
- DC9EB2
≈ Faded Pink
- ADBA80
≈ Nile
Bölünmüş tamamlayıcı +150° +210°
- 82BADF
Enchanting
- E09F96
≈ Coral Almond
- C7B077
≈ Saucy
Dörtlü +90° +180° +270°
- 82BADF
Enchanting
- CEA1CC
≈ Geranium Bud
- D9A680
≈ Windswept Canyon
- 90C196
≈ Velvet Leaf
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.03:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 10.03:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanting: #82badf;
--enchanting-rgb: 130 186 223;
--enchanting-oklch: oklch(0.764 0.079 238.1);
}
.element {
color: var(--enchanting);
background-color: hsl(204 59% 69%);
border-color: oklch(0.764 0.079 238.1);
}Tailwind CSS v4
@theme {
--color-enchanting: #82badf;
--color-enchanting-50: #e2f9ff;
--color-enchanting-100: #d1ecff;
--color-enchanting-200: #b7daf3;
--color-enchanting-300: #93bddc;
--color-enchanting-400: #71a6c8;
--color-enchanting-500: #508eb5;
--color-enchanting-600: #457898;
--color-enchanting-700: #37607a;
--color-enchanting-800: #25475a;
--color-enchanting-900: #19313f;
--color-enchanting-950: #091d28;
}SCSS
$enchanting: #82badf;
$enchanting-rgb: 130, 186, 223;
$enchanting-light: mix(#fff, $enchanting, 20%);
$enchanting-dark: mix(#000, $enchanting, 20%);
.element {
color: $enchanting;
box-shadow: 0 0 0 2px rgba($enchanting, 0.35);
}