Adlandırılmış renk · #7C9AB5
Bluesy Note
Bluesy Note, #7C9AB5: rgb(124 154 181), hsl(208 28% 60%), oklch(0.673 0.052 245.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Bluesy Note color name →
#7C9AB5
oklch(0.673 0.052 245.8)
Renk dönüşümleri
- HEX
- #7c9ab5
- RGB
- rgb(124 154 181)
- HSL
- hsl(208 28% 60%)
- HWB
- hwb(208 49% 29%)
- OKLCH
- oklch(0.673 0.052 245.8)
- OKLab
- oklab(0.673 -0.021 -0.048)
- CIE Lab
- lab(62.04 -5.9 -17.72)
- LCH
- lch(62.04 18.67 251.6)
- CMYK
- cmyk(31% 15% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89A4BC
- 95AEC4
- A2B8CB
- AFC2D2
- BCCCDA
- C9D6E1
- D7E0E9
- E4EAF0
- F1F5F8
Koyu tonlar
- 6B859D
- 5A7186
- 4A5E6F
- 3B4B59
- 2C3944
- 1E2730
- 11171D
- 05090C
- 010102
Gri tonlar
- 7D97B0
- 7D95AA
- 7E92A5
- 7E90A0
- 7F8D9A
- 7F8A95
- 7F8890
- 80858B
- 808385
Renk uyumları
Tamamlayıcı +180°
- 7C9AB5
Bluesy Note
- AD9074
≈ Pioneer Village
Analog -30° +30°
- 7C9AB5
Bluesy Note
- 719FAB
≈ Reef Waters
- 8D94B7
≈ Lively Lilac
Üçlü +120° +240°
- 7C9AB5
Bluesy Note
- B38991
≈ Rose Tea
- 8E9C79
≈ Usuao Blue
Bölünmüş tamamlayıcı +150° +210°
- 7C9AB5
Bluesy Note
- B48B80
≈ Western Ridge
- A09772
≈ Sponge
Dörtlü +90° +180° +270°
- 7C9AB5
Bluesy Note
- AC8AA3
≈ Lavender Herb
- AD9074
≈ Pioneer Village
- 7DA089
≈ Vineyard
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.93:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.14:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--bluesy-note: #7c9ab5;
--bluesy-note-rgb: 124 154 181;
--bluesy-note-oklch: oklch(0.673 0.052 245.8);
}
.element {
color: var(--bluesy-note);
background-color: hsl(208 28% 60%);
border-color: oklch(0.673 0.052 245.8);
}Tailwind CSS v4
@theme {
--color-bluesy-note: #7c9ab5;
--color-bluesy-note-50: #eaf7ff;
--color-bluesy-note-100: #dbeaf9;
--color-bluesy-note-200: #c3d7ea;
--color-bluesy-note-300: #a3bad1;
--color-bluesy-note-400: #85a2bc;
--color-bluesy-note-500: #698aa7;
--color-bluesy-note-600: #5a758d;
--color-bluesy-note-700: #475d71;
--color-bluesy-note-800: #334553;
--color-bluesy-note-900: #232f3a;
--color-bluesy-note-950: #121c24;
}SCSS
$bluesy-note: #7c9ab5;
$bluesy-note-rgb: 124, 154, 181;
$bluesy-note-light: mix(#fff, $bluesy-note, 20%);
$bluesy-note-dark: mix(#000, $bluesy-note, 20%);
.element {
color: $bluesy-note;
box-shadow: 0 0 0 2px rgba($bluesy-note, 0.35);
}