Benannte Farbe · #627188
Blue Cloud
Blue Cloud ist #627188: rgb(98 113 136), hsl(216 16% 46%), oklch(0.545 0.04 258.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Cloud color name →
#627188
oklch(0.545 0.04 258.8)
Farbumrechnungen
- HEX
- #627188
- RGB
- rgb(98 113 136)
- HSL
- hsl(216 16% 46%)
- HWB
- hwb(216 38% 47%)
- OKLCH
- oklch(0.545 0.04 258.8)
- OKLab
- oklab(0.545 -0.008 -0.04)
- CIE Lab
- lab(47.04 -1.57 -14.66)
- LCH
- lch(47.04 14.74 263.9)
- CMYK
- cmyk(28% 17% 0% 47%)
Tints · Shades · Tones
Tints
- 707E93
- 7F8C9F
- 8E9AAB
- 9EA7B6
- ADB6C2
- BDC4CE
- CDD2DA
- DEE1E6
- EEF0F3
Shades
- 546175
- 475263
- 3A4352
- 2D3541
- 212731
- 161A22
- 0B0E13
- 030406
- 000101
Tones
- 657387
- 687487
- 6B7686
- 6E7785
- 717984
- 747A83
- 777C83
- 7A7D82
- 7D7F81
Farbharmonien
Komplementär +180°
- 627188
Blue Cloud
- 7D6E56
≈ High Tea
Analog -30° +30°
- 627188
Blue Cloud
- 587583
≈ Hampton Surf
- 6F6D87
≈ Great Grape
Triadisch +120° +240°
- 627188
Blue Cloud
- 866767
≈ Brazil Nut
- 64765F
≈ Bean Counter
Geteilt komplementär +150° +210°
- 627188
Blue Cloud
- 84695C
≈ Quartersawn Oak
- 727257
≈ Secret Path
Tetradisch +90° +180° +270°
- 627188
Blue Cloud
- 836774
≈ Opera
- 7D6E56
≈ High Tea
- 59786C
≈ Stately Stems
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.95:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.23:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--blue-cloud: #627188;
--blue-cloud-rgb: 98 113 136;
--blue-cloud-oklch: oklch(0.545 0.04 258.8);
}
.element {
color: var(--blue-cloud);
background-color: hsl(216 16% 46%);
border-color: oklch(0.545 0.04 258.8);
}Tailwind CSS v4
@theme {
--color-blue-cloud: #627188;
--color-blue-cloud-50: #eff6ff;
--color-blue-cloud-100: #e0e8f6;
--color-blue-cloud-200: #cbd5e6;
--color-blue-cloud-300: #acb8cd;
--color-blue-cloud-400: #909fb7;
--color-blue-cloud-500: #7687a1;
--color-blue-cloud-600: #647288;
--color-blue-cloud-700: #505c6d;
--color-blue-cloud-800: #3a4350;
--color-blue-cloud-900: #272e38;
--color-blue-cloud-950: #161b23;
}SCSS
$blue-cloud: #627188;
$blue-cloud-rgb: 98, 113, 136;
$blue-cloud-light: mix(#fff, $blue-cloud, 20%);
$blue-cloud-dark: mix(#000, $blue-cloud, 20%);
.element {
color: $blue-cloud;
box-shadow: 0 0 0 2px rgba($blue-cloud, 0.35);
}