Adlandırılmış renk · #4D8CB9
Blueberry Festival
Blueberry Festival, #4D8CB9: rgb(77 140 185), hsl(205 44% 51%), oklch(0.617 0.094 241.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Blueberry Festival color name →
#4D8CB9
oklch(0.617 0.094 241.6)
Renk dönüşümleri
- HEX
- #4d8cb9
- RGB
- rgb(77 140 185)
- HSL
- hsl(205 44% 51%)
- HWB
- hwb(205 30% 27%)
- OKLCH
- oklch(0.617 0.094 241.6)
- OKLab
- oklab(0.617 -0.045 -0.083)
- CIE Lab
- lab(55.47 -10.75 -30.26)
- LCH
- lch(55.47 32.11 250.4)
- CMYK
- cmyk(58% 24% 0% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6097C0
- 72A3C7
- 83AECF
- 95B9D6
- A6C5DD
- B8D0E4
- C9DCEB
- DBE8F1
- EDF3F8
Koyu tonlar
- 4279A0
- 376789
- 2C5571
- 22435B
- 183346
- 0F2331
- 07141E
- 02070D
- 000102
Gri tonlar
- 548BB3
- 5A8AAE
- 5F89A8
- 6588A3
- 6A879D
- 6F8597
- 738491
- 78838C
- 7C8186
Renk uyumları
Tamamlayıcı +180°
- 4D8CB9
Blueberry Festival
- AE7847
≈ Gold Metal
Analog -30° +30°
- 4D8CB9
Blueberry Festival
- 2D94A6
≈ Aqua Dance
- 7182BE
≈ Orbital
Üçlü +120° +240°
- 4D8CB9
Blueberry Festival
- B46C81
≈ Pink Hibiscus
- 7C8E4B
≈ Camo
Bölünmüş tamamlayıcı +150° +210°
- 4D8CB9
Blueberry Festival
- B76F61
≈ Cobrizo
- 9A833C
≈ Wild Grass
Dörtlü +90° +180° +270°
- 4D8CB9
Blueberry Festival
- A6709F
≈ Violet Femmes
- AE7847
≈ Gold Metal
- 579668
≈ Endless
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.64:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.76:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.76:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--blueberry-festival: #4d8cb9;
--blueberry-festival-rgb: 77 140 185;
--blueberry-festival-oklch: oklch(0.617 0.094 241.6);
}
.element {
color: var(--blueberry-festival);
background-color: hsl(205 44% 51%);
border-color: oklch(0.617 0.094 241.6);
}Tailwind CSS v4
@theme {
--color-blueberry-festival: #4d8cb9;
--color-blueberry-festival-50: #dff9ff;
--color-blueberry-festival-100: #ceecff;
--color-blueberry-festival-200: #b2dafa;
--color-blueberry-festival-300: #8ebde5;
--color-blueberry-festival-400: #6aa6d1;
--color-blueberry-festival-500: #468dbf;
--color-blueberry-festival-600: #3c78a1;
--color-blueberry-festival-700: #306081;
--color-blueberry-festival-800: #204760;
--color-blueberry-festival-900: #153143;
--color-blueberry-festival-950: #061d2b;
}SCSS
$blueberry-festival: #4d8cb9;
$blueberry-festival-rgb: 77, 140, 185;
$blueberry-festival-light: mix(#fff, $blueberry-festival, 20%);
$blueberry-festival-dark: mix(#000, $blueberry-festival, 20%);
.element {
color: $blueberry-festival;
box-shadow: 0 0 0 2px rgba($blueberry-festival, 0.35);
}