Adlandırılmış renk · #BCE4EB
Aquarelle Sky
Aquarelle Sky, #BCE4EB: rgb(188 228 235), hsl(189 54% 83%), oklch(0.893 0.043 209.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Aquarelle Sky color name →
#BCE4EB
oklch(0.893 0.043 209.4)
Renk dönüşümleri
- HEX
- #bce4eb
- RGB
- rgb(188 228 235)
- HSL
- hsl(189 54% 83%)
- HWB
- hwb(189 74% 8%)
- OKLCH
- oklch(0.893 0.043 209.4)
- OKLab
- oklab(0.893 -0.037 -0.021)
- CIE Lab
- lab(87.89 -12.36 -7.98)
- LCH
- lch(87.89 14.71 212.8)
- CMYK
- cmyk(20% 3% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3E7ED
- CAE9EF
- D0ECF1
- D7EFF3
- DEF2F5
- E4F4F7
- EBF7F9
- F2FAFB
- F8FCFD
Koyu tonlar
- A3C6CC
- 8BA9AE
- 738D91
- 5D7275
- 47585B
- 323F41
- 1F2829
- 0D1213
- 020303
Gri tonlar
- B6DAE0
- B0CFD5
- AAC5CA
- A4BBBF
- 9EB1B4
- 98A7A9
- 929D9F
- 8C9394
- 868A8A
Renk uyumları
Tamamlayıcı +180°
- BCE4EB
Aquarelle Sky
- F7D2CB
≈ Pink Cloud
Analog -30° +30°
- BCE4EB
Aquarelle Sky
- BEE5DC
≈ Soothing Sea
- C3E0F5
≈ Fresh Water
Üçlü +120° +240°
- BCE4EB
Aquarelle Sky
- ECD2EA
≈ Lavender Princess
- E7DBBC
≈ Biscuit Dough
Bölünmüş tamamlayıcı +150° +210°
- BCE4EB
Aquarelle Sky
- F5D0DB
≈ April Blush
- F2D6C0
≈ Iced Apricot
Dörtlü +90° +180° +270°
- BCE4EB
Aquarelle Sky
- DFD6F5
≈ Japan Blush
- F7D2CB
≈ Pink Cloud
- D8E0C1
≈ Mountain Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.43:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.43:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--aquarelle-sky: #bce4eb;
--aquarelle-sky-rgb: 188 228 235;
--aquarelle-sky-oklch: oklch(0.893 0.043 209.4);
}
.element {
color: var(--aquarelle-sky);
background-color: hsl(189 54% 83%);
border-color: oklch(0.893 0.043 209.4);
}Tailwind CSS v4
@theme {
--color-aquarelle-sky: #bce4eb;
--color-aquarelle-sky-50: #e8f9fc;
--color-aquarelle-sky-100: #d9ecf0;
--color-aquarelle-sky-200: #c0dadf;
--color-aquarelle-sky-300: #9fbec4;
--color-aquarelle-sky-400: #82a6ac;
--color-aquarelle-sky-500: #658e96;
--color-aquarelle-sky-600: #56787e;
--color-aquarelle-sky-700: #446065;
--color-aquarelle-sky-800: #31474a;
--color-aquarelle-sky-900: #213133;
--color-aquarelle-sky-950: #101d1f;
}SCSS
$aquarelle-sky: #bce4eb;
$aquarelle-sky-rgb: 188, 228, 235;
$aquarelle-sky-light: mix(#fff, $aquarelle-sky, 20%);
$aquarelle-sky-dark: mix(#000, $aquarelle-sky, 20%);
.element {
color: $aquarelle-sky;
box-shadow: 0 0 0 2px rgba($aquarelle-sky, 0.35);
}