Dichtstbijzijnde benoemde kleur · #00206B
#00206B
Dichtstbijzijnde benoemde kleur: Midnight Melancholia
#00206B (rgb(0 32 107), hsl(222 100% 21%), oklch(0.284 0.135 262.4)) komt het dichtst bij de benoemde kleur Midnight Melancholia. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#00206B
oklch(0.284 0.135 262.4)
Kleurconversies
- HEX
- #00206b
- RGB
- rgb(0 32 107)
- HSL
- hsl(222 100% 21%)
- HWB
- hwb(222 0% 58%)
- OKLCH
- oklch(0.284 0.135 262.4)
- OKLab
- oklab(0.284 -0.018 -0.134)
- CIE Lab
- lab(15.1 17.03 -47.42)
- LCH
- lch(15.1 50.39 289.8)
- CMYK
- cmyk(100% 70% 0% 58%)
Tinten · Schaduwen · Tonen
Tinten
- 16377A
- 2D4D8A
- 456299
- 5D77A8
- 778DB7
- 91A3C5
- ABBAD4
- C7D0E2
- E2E8F1
Schaduwen
- 001A5C
- 00154E
- 000F3F
- 000A32
- 000625
- 000318
- 00010D
- 000004
- 000000
Tonen
- 0B2C6E
- 193671
- 254074
- 324A76
- 3F5379
- 4B5C7B
- 58657C
- 656E7E
- 73777F
Kleurharmonieën
Complementair +180°
- 00206B
Midnight Melancholia
- 382700
≈ Secret Passage
Analoog -30° +30°
- 00206B
Midnight Melancholia
- 002E42
≈ Cosmos Blue
- 301065
≈ Infinite Inkwell
Triadisch +120° +240°
- 00206B
Midnight Melancholia
- 55000C
≈ Saving Light
- 013500
≈ Dark Green
Gesplitst complementair +150° +210°
- 00206B
Midnight Melancholia
- 451D00
≈ Chocolate Castle
- 2B2D00
≈ Darkest Forest
Tetradisch +90° +180° +270°
- 00206B
Midnight Melancholia
- 510030
≈ Fig Balsamic
- 382700
≈ Secret Passage
- 003327
≈ Coach Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.80:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.41:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.80:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--midnight-melancholia: #00206b;
--midnight-melancholia-rgb: 0 32 107;
--midnight-melancholia-oklch: oklch(0.284 0.135 262.4);
}
.element {
color: var(--midnight-melancholia);
background-color: hsl(222 100% 21%);
border-color: oklch(0.284 0.135 262.4);
}Tailwind CSS v4
@theme {
--color-midnight-melancholia: #00206b;
--color-midnight-melancholia-50: #e2f6ff;
--color-midnight-melancholia-100: #d1e8ff;
--color-midnight-melancholia-200: #b7d4ff;
--color-midnight-melancholia-300: #95b6fd;
--color-midnight-melancholia-400: #729dee;
--color-midnight-melancholia-500: #5483df;
--color-midnight-melancholia-600: #476fbc;
--color-midnight-melancholia-700: #395997;
--color-midnight-melancholia-800: #264171;
--color-midnight-melancholia-900: #192d4f;
--color-midnight-melancholia-950: #0a1a35;
}SCSS
$midnight-melancholia: #00206b;
$midnight-melancholia-rgb: 0, 32, 107;
$midnight-melancholia-light: mix(#fff, $midnight-melancholia, 20%);
$midnight-melancholia-dark: mix(#000, $midnight-melancholia, 20%);
.element {
color: $midnight-melancholia;
box-shadow: 0 0 0 2px rgba($midnight-melancholia, 0.35);
}