Colore con nome · #2E5894
B’dazzled Blue
B’dazzled Blue è #2E5894: rgb(46 88 148), hsl(215 53% 38%), oklch(0.461 0.109 257.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · B’dazzled Blue color name →
#2E5894
oklch(0.461 0.109 257.5)
Conversioni di colore
- HEX
- #2e5894
- RGB
- rgb(46 88 148)
- HSL
- hsl(215 53% 38%)
- HWB
- hwb(215 18% 42%)
- OKLCH
- oklch(0.461 0.109 257.5)
- OKLab
- oklab(0.461 -0.023 -0.106)
- CIE Lab
- lab(36.74 1.03 -38.05)
- LCH
- lch(36.74 38.07 271.5)
- CMYK
- cmyk(69% 41% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 42689F
- 5678AA
- 6A89B5
- 7E99C0
- 93AACB
- A8BAD5
- BDCBE0
- D3DCEA
- E9EEF5
Ombre
- 274B80
- 1F3F6D
- 18335A
- 122848
- 0B1D36
- 061226
- 020916
- 010308
- 000001
Toni
- 375C93
- 3F6191
- 48658F
- 50698E
- 586D8C
- 60718A
- 687587
- 707985
- 787C83
Armonie di colore
Complementare +180°
- 2E5894
B’dazzled Blue
- 765000
≈ Lucky Brown
Analogo -30° +30°
- 2E5894
B’dazzled Blue
- 00617F
≈ Adriatic Sea
- 564D91
≈ Purple Corallite
Triadico +120° +240°
- 2E5894
B’dazzled Blue
- 8B3B41
≈ Ripe Currant
- 386624
≈ Radical Green
Complementare divisa +150° +210°
- 2E5894
B’dazzled Blue
- 884219
≈ Gryphonne Sepia Wash
- 5F5C00
≈ Greensboro
Tetradico +90° +180° +270°
- 2E5894
B’dazzled Blue
- 833C63
≈ Berry Patch
- 765000
≈ Lucky Brown
- 00694E
≈ Bangladesh Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.14:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.93:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--b-dazzled-blue: #2e5894;
--b-dazzled-blue-rgb: 46 88 148;
--b-dazzled-blue-oklch: oklch(0.461 0.109 257.5);
}
.element {
color: var(--b-dazzled-blue);
background-color: hsl(215 53% 38%);
border-color: oklch(0.461 0.109 257.5);
}Tailwind CSS v4
@theme {
--color-b-dazzled-blue: #2e5894;
--color-b-dazzled-blue-50: #e3f7ff;
--color-b-dazzled-blue-100: #d3e9ff;
--color-b-dazzled-blue-200: #b9d6ff;
--color-b-dazzled-blue-300: #96b9ef;
--color-b-dazzled-blue-400: #75a0de;
--color-b-dazzled-blue-500: #5687cd;
--color-b-dazzled-blue-600: #4972ad;
--color-b-dazzled-blue-700: #3a5b8b;
--color-b-dazzled-blue-800: #284367;
--color-b-dazzled-blue-900: #1a2f49;
--color-b-dazzled-blue-950: #0b1b30;
}SCSS
$b-dazzled-blue: #2e5894;
$b-dazzled-blue-rgb: 46, 88, 148;
$b-dazzled-blue-light: mix(#fff, $b-dazzled-blue, 20%);
$b-dazzled-blue-dark: mix(#000, $b-dazzled-blue, 20%);
.element {
color: $b-dazzled-blue;
box-shadow: 0 0 0 2px rgba($b-dazzled-blue, 0.35);
}