Colore con nome · #011993
Bright Midnight
Bright Midnight è #011993: rgb(1 25 147), hsl(230 99% 29%), oklch(0.322 0.193 264.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Bright Midnight color name →
#011993
oklch(0.322 0.193 264.3)
Conversioni di colore
- HEX
- #011993
- RGB
- rgb(1 25 147)
- HSL
- hsl(230 99% 29%)
- HWB
- hwb(230 0% 42%)
- OKLCH
- oklch(0.322 0.193 264.3)
- OKLab
- oklab(0.322 -0.019 -0.192)
- CIE Lab
- lab(17.79 35.18 -68.34)
- LCH
- lch(17.79 76.86 297.2)
- CMYK
- cmyk(99% 83% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 1237A0
- 2A50AC
- 4266B8
- 5B7CC3
- 7592CE
- 8FA7D9
- AABDE3
- C6D3ED
- E2E9F6
Ombre
- 01147F
- 01106C
- 000B59
- 000747
- 000436
- 000225
- 000116
- 000008
- 000001
Toni
- 082A93
- 153792
- 224391
- 304D90
- 3D568E
- 4A5F8C
- 57688A
- 657087
- 727884
Armonie di colore
Complementare +180°
- 011993
Bright Midnight
- 433000
≈ Night in the Woods
Analogo -30° +30°
- 011993
Bright Midnight
- 003850
≈ Sea of Stars
- 3E0082
≈ Marionberry
Triadico +120° +240°
- 011993
Bright Midnight
- 66000C
≈ Rosewood
- 004008
≈ Hunter Green
Complementare divisa +150° +210°
- 011993
Bright Midnight
- 522600
≈ Conker Brown
- 333700
≈ Wasabi Nori
Tetradico +90° +180° +270°
- 011993
Bright Midnight
- 610037
≈ Mulberry Wood
- 433000
≈ Night in the Woods
- 003D31
≈ Night Turquoise
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.44:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.56:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.44:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--bright-midnight: #011993;
--bright-midnight-rgb: 1 25 147;
--bright-midnight-oklch: oklch(0.322 0.193 264.3);
}
.element {
color: var(--bright-midnight);
background-color: hsl(230 99% 29%);
border-color: oklch(0.322 0.193 264.3);
}Tailwind CSS v4
@theme {
--color-bright-midnight: #011993;
--color-bright-midnight-50: #dcf5ff;
--color-bright-midnight-100: #cae7ff;
--color-bright-midnight-200: #aed2ff;
--color-bright-midnight-300: #89b3ff;
--color-bright-midnight-400: #6398ff;
--color-bright-midnight-500: #427aff;
--color-bright-midnight-600: #3968db;
--color-bright-midnight-700: #2d53b0;
--color-bright-midnight-800: #1b3d84;
--color-bright-midnight-900: #112a5d;
--color-bright-midnight-950: #041740;
}SCSS
$bright-midnight: #011993;
$bright-midnight-rgb: 1, 25, 147;
$bright-midnight-light: mix(#fff, $bright-midnight, 20%);
$bright-midnight-dark: mix(#000, $bright-midnight, 20%);
.element {
color: $bright-midnight;
box-shadow: 0 0 0 2px rgba($bright-midnight, 0.35);
}