Adlandırılmış renk · #5CA6CE
Ethereal Blue
Ethereal Blue, #5CA6CE: rgb(92 166 206), hsl(201 54% 58%), oklch(0.693 0.094 234). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Ethereal Blue color name →
#5CA6CE
oklch(0.693 0.094 234)
Renk dönüşümleri
- HEX
- #5ca6ce
- RGB
- rgb(92 166 206)
- HSL
- hsl(201 54% 58%)
- HWB
- hwb(201 36% 19%)
- OKLCH
- oklch(0.693 0.094 234)
- OKLab
- oklab(0.693 -0.055 -0.076)
- CIE Lab
- lab(64.53 -15.3 -28.02)
- LCH
- lch(64.53 31.93 241.4)
- CMYK
- cmyk(55% 19% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6EAFD3
- 7FB8D8
- 8FC1DD
- 9FCAE2
- AFD2E7
- BFDBEC
- CFE4F1
- DFEDF6
- EFF6FA
Koyu tonlar
- 4F90B3
- 427A98
- 36657F
- 2A5166
- 1F3E4E
- 142B38
- 0A1A23
- 030A0F
- 000102
Gri tonlar
- 61A2C6
- 669FBE
- 6B9BB6
- 6E97AF
- 7293A7
- 75909F
- 788C97
- 7B8890
- 7E8488
Renk uyumları
Tamamlayıcı +180°
- 5CA6CE
Ethereal Blue
- CA8C63
≈ Orange Pekoe
Analog -30° +30°
- 5CA6CE
Ethereal Blue
- 47ADB7
≈ Blue Turquoise
- 7E9CD7
≈ Purple Gentian
Üçlü +120° +240°
- 5CA6CE
Ethereal Blue
- CB83A0
≈ Heirloom Rose
- 9BA35C
≈ Sweet Pea
Bölünmüş tamamlayıcı +150° +210°
- 5CA6CE
Ethereal Blue
- D18580
≈ Salmon Pate
- B89754
≈ Base Sand
Dörtlü +90° +180° +270°
- 5CA6CE
Ethereal Blue
- BA88BE
≈ Creeping Bellflower
- CA8C63
≈ Orange Pekoe
- 78AC77
≈ Abomination
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.69:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.80:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--ethereal-blue: #5ca6ce;
--ethereal-blue-rgb: 92 166 206;
--ethereal-blue-oklch: oklch(0.693 0.094 234);
}
.element {
color: var(--ethereal-blue);
background-color: hsl(201 54% 58%);
border-color: oklch(0.693 0.094 234);
}Tailwind CSS v4
@theme {
--color-ethereal-blue: #5ca6ce;
--color-ethereal-blue-50: #dcfaff;
--color-ethereal-blue-100: #cbeeff;
--color-ethereal-blue-200: #aedbf8;
--color-ethereal-blue-300: #88bfe2;
--color-ethereal-blue-400: #62a8ce;
--color-ethereal-blue-500: #3a90bb;
--color-ethereal-blue-600: #337a9e;
--color-ethereal-blue-700: #29627f;
--color-ethereal-blue-800: #1a485d;
--color-ethereal-blue-900: #113241;
--color-ethereal-blue-950: #031e2a;
}SCSS
$ethereal-blue: #5ca6ce;
$ethereal-blue-rgb: 92, 166, 206;
$ethereal-blue-light: mix(#fff, $ethereal-blue, 20%);
$ethereal-blue-dark: mix(#000, $ethereal-blue, 20%);
.element {
color: $ethereal-blue;
box-shadow: 0 0 0 2px rgba($ethereal-blue, 0.35);
}