Nearest named color · #00283F
#00283F
Nearest named color: Midnight Dreams
#00283F (rgb(0 40 63), hsl(202 100% 12%), oklch(0.264 0.06 239.9)) is closest to the named color Midnight Dreams. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00283F
oklch(0.264 0.06 239.9)
Color conversions
- HEX
- #00283f
- RGB
- rgb(0 40 63)
- HSL
- hsl(202 100% 12%)
- HWB
- hwb(202 0% 75%)
- OKLCH
- oklch(0.264 0.06 239.9)
- OKLab
- oklab(0.264 -0.03 -0.052)
- CIE Lab
- lab(14.53 -5.98 -18.78)
- LCH
- lch(14.53 19.71 252.3)
- CMYK
- cmyk(100% 37% 0% 75%)
Tints · Shades · Tones
Tints
- 1A3B50
- 324E62
- 496275
- 617787
- 7A8D9B
- 93A3AE
- ADB9C2
- C8D0D6
- E3E7EA
Shades
- 002135
- 001B2C
- 001523
- 000F1B
- 000912
- 00040A
- 000204
- 000101
- 000000
Tones
- 0F3046
- 1D394C
- 294152
- 354A59
- 41535F
- 4E5C66
- 5A656C
- 676E73
- 737779
Color harmonies
Complementary +180°
- 00283F
Midnight Dreams
- 3A1D01
≈ 90% Cocoa
Analogous -30° +30°
- 00283F
Midnight Dreams
- 002B31
≈ Black Box
- 1A2342
≈ Cool Balaclavas Are Forever
Triadic +120° +240°
- 00283F
Midnight Dreams
- 3C1724
≈ Black-Hearted
- 212902
≈ Lindworm Green
Split-complementary +150° +210°
- 00283F
Midnight Dreams
- 3D1813
≈ Dark Sienna
- 2F2300
≈ Black Swan
Tetradic +90° +180° +270°
- 00283F
Midnight Dreams
- 351933
≈ Nightly Voyager
- 3A1D01
≈ 90% Cocoa
- 0A2D14
≈ Nori Green
Contrast & accessibility
Ag
AAAOn white
WCAG 15.26:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.37:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.26:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--midnight-dreams: #00283f;
--midnight-dreams-rgb: 0 40 63;
--midnight-dreams-oklch: oklch(0.264 0.06 239.9);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(202 100% 12%);
border-color: oklch(0.264 0.06 239.9);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #00283f;
--color-midnight-dreams-50: #e7f8ff;
--color-midnight-dreams-100: #d7ebfb;
--color-midnight-dreams-200: #bfd8ec;
--color-midnight-dreams-300: #9dbcd4;
--color-midnight-dreams-400: #7ea4bf;
--color-midnight-dreams-500: #618caa;
--color-midnight-dreams-600: #527690;
--color-midnight-dreams-700: #415f73;
--color-midnight-dreams-800: #2e4655;
--color-midnight-dreams-900: #1f303b;
--color-midnight-dreams-950: #0f1c25;
}SCSS
$midnight-dreams: #00283f;
$midnight-dreams-rgb: 0, 40, 63;
$midnight-dreams-light: mix(#fff, $midnight-dreams, 20%);
$midnight-dreams-dark: mix(#000, $midnight-dreams, 20%);
.element {
color: $midnight-dreams;
box-shadow: 0 0 0 2px rgba($midnight-dreams, 0.35);
}