Colore con nome · #939EC5
Blue Heron
Blue Heron è #939EC5: rgb(147 158 197), hsl(227 30% 67%), oklch(0.704 0.059 272.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blue Heron color name →
#939EC5
oklch(0.704 0.059 272.5)
Conversioni di colore
- HEX
- #939ec5
- RGB
- rgb(147 158 197)
- HSL
- hsl(227 30% 67%)
- HWB
- hwb(227 58% 23%)
- OKLCH
- oklch(0.704 0.059 272.5)
- OKLab
- oklab(0.704 0.003 -0.058)
- CIE Lab
- lab(65.27 2.52 -21.57)
- LCH
- lch(65.27 21.72 276.7)
- CMYK
- cmyk(25% 20% 0% 23%)
Tinte · Ombre · Toni
Tinte
- 9DA7CB
- A8B1D1
- B2BAD7
- BDC4DC
- C8CEE2
- D2D7E8
- DDE1EE
- E9EBF4
- F4F5F9
Ombre
- 7F89AB
- 6C7492
- 596079
- 474D61
- 363A4B
- 252935
- 161821
- 08090E
- 010102
Toni
- 919BBE
- 8F98B7
- 8D95B0
- 8B92A9
- 898FA2
- 888C9B
- 868995
- 84868E
- 828387
Armonie di colore
Complementare +180°
- 939EC5
Blue Heron
- AC9F76
≈ Golden Sage
Analogo -30° +30°
- 939EC5
Blue Heron
- 80A5C2
≈ Stormfang
- A797BF
≈ Ode to Purple
Triadico +120° +240°
- 939EC5
Blue Heron
- C19389
≈ Pressed Blossoms
- 85AB8E
≈ Alga Moss
Complementare divisa +150° +210°
- 939EC5
Blue Heron
- BB987A
≈ Slice of Brioche
- 99A67E
≈ Forester
Tetradico +90° +180° +270°
- 939EC5
Blue Heron
- C0919C
≈ Grey Pink
- AC9F76
≈ Golden Sage
- 76ACA3
≈ Turquoise Fantasies
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.93:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--blue-heron: #939ec5;
--blue-heron-rgb: 147 158 197;
--blue-heron-oklch: oklch(0.704 0.059 272.5);
}
.element {
color: var(--blue-heron);
background-color: hsl(227 30% 67%);
border-color: oklch(0.704 0.059 272.5);
}Tailwind CSS v4
@theme {
--color-blue-heron: #939ec5;
--color-blue-heron-50: #f0f4ff;
--color-blue-heron-100: #e2e7fc;
--color-blue-heron-200: #ccd3ee;
--color-blue-heron-300: #aeb6d6;
--color-blue-heron-400: #929dc2;
--color-blue-heron-500: #7984ae;
--color-blue-heron-600: #667093;
--color-blue-heron-700: #525976;
--color-blue-heron-800: #3b4257;
--color-blue-heron-900: #282d3d;
--color-blue-heron-950: #161a26;
}SCSS
$blue-heron: #939ec5;
$blue-heron-rgb: 147, 158, 197;
$blue-heron-light: mix(#fff, $blue-heron, 20%);
$blue-heron-dark: mix(#000, $blue-heron, 20%);
.element {
color: $blue-heron;
box-shadow: 0 0 0 2px rgba($blue-heron, 0.35);
}