Adlandırılmış renk · #BAE5EE
Early Forget-Me-Not
Early Forget-Me-Not, #BAE5EE: rgb(186 229 238), hsl(190 60% 83%), oklch(0.894 0.046 211.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Early Forget-Me-Not color name →
#BAE5EE
oklch(0.894 0.046 211.8)
Renk dönüşümleri
- HEX
- #bae5ee
- RGB
- rgb(186 229 238)
- HSL
- hsl(190 60% 83%)
- HWB
- hwb(190 73% 7%)
- OKLCH
- oklch(0.894 0.046 211.8)
- OKLab
- oklab(0.894 -0.039 -0.024)
- CIE Lab
- lab(88.1 -12.98 -9.25)
- LCH
- lch(88.1 15.94 215.5)
- CMYK
- cmyk(22% 4% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C1E8F0
- C8EAF1
- CFEDF3
- D6EFF5
- DDF2F7
- E4F5F8
- EBF7FA
- F1FAFC
- F8FCFD
Koyu tonlar
- A1C7CF
- 89AAB1
- 728E93
- 5C7277
- 46585C
- 323F42
- 1E282A
- 0D1214
- 020303
Gri tonlar
- B4DAE2
- AFD0D7
- A9C6CC
- A3BBC1
- 9DB1B6
- 97A7AB
- 929DA0
- 8C9395
- 868A8A
Renk uyumları
Tamamlayıcı +180°
- BAE5EE
Early Forget-Me-Not
- F9D2C9
≈ Snow Pa
Analog -30° +30°
- BAE5EE
Early Forget-Me-Not
- BCE7DE
≈ Soothing Sea
- C2E1F9
≈ Fresh Water
Üçlü +120° +240°
- BAE5EE
Early Forget-Me-Not
- EFD2EA
≈ Scented Spring
- E7DCBA
≈ Amish Bread
Bölünmüş tamamlayıcı +150° +210°
- BAE5EE
Early Forget-Me-Not
- F8D0DA
≈ April Blush
- F3D6BE
≈ Pulled Taffy
Dörtlü +90° +180° +270°
- BAE5EE
Early Forget-Me-Not
- E1D6F6
≈ Japan Blush
- F9D2C9
≈ Snow Pa
- D7E2C0
≈ Mountain Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.53:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--early-forget-me-not: #bae5ee;
--early-forget-me-not-rgb: 186 229 238;
--early-forget-me-not-oklch: oklch(0.894 0.046 211.8);
}
.element {
color: var(--early-forget-me-not);
background-color: hsl(190 60% 83%);
border-color: oklch(0.894 0.046 211.8);
}Tailwind CSS v4
@theme {
--color-early-forget-me-not: #bae5ee;
--color-early-forget-me-not-50: #e7f9fd;
--color-early-forget-me-not-100: #d7ecf1;
--color-early-forget-me-not-200: #bfdae0;
--color-early-forget-me-not-300: #9dbec6;
--color-early-forget-me-not-400: #7fa6ae;
--color-early-forget-me-not-500: #628f98;
--color-early-forget-me-not-600: #537980;
--color-early-forget-me-not-700: #426167;
--color-early-forget-me-not-800: #2f474b;
--color-early-forget-me-not-900: #203134;
--color-early-forget-me-not-950: #0f1d20;
}SCSS
$early-forget-me-not: #bae5ee;
$early-forget-me-not-rgb: 186, 229, 238;
$early-forget-me-not-light: mix(#fff, $early-forget-me-not, 20%);
$early-forget-me-not-dark: mix(#000, $early-forget-me-not, 20%);
.element {
color: $early-forget-me-not;
box-shadow: 0 0 0 2px rgba($early-forget-me-not, 0.35);
}