Warna bernama terdekat · #00285B
#00285B
Warna bernama terdekat: Marine
#00285B (rgb(0 40 91), hsl(214 100% 18%), oklch(0.286 0.101 256.9)) paling mendekati warna bernama Marine. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#00285B
oklch(0.286 0.101 256.9)
Konversi warna
- HEX
- #00285b
- RGB
- rgb(0 40 91)
- HSL
- hsl(214 100% 18%)
- HWB
- hwb(214 0% 64%)
- OKLCH
- oklch(0.286 0.101 256.9)
- OKLab
- oklab(0.286 -0.023 -0.099)
- CIE Lab
- lab(16.28 5.07 -34.97)
- LCH
- lch(16.28 35.33 278.3)
- CMYK
- cmyk(100% 56% 0% 64%)
Tint · Shade · Tone
Tint
- 1A3C6B
- 31507B
- 49658C
- 61799C
- 7A8FAC
- 93A4BD
- ADBACD
- C8D1DE
- E3E8EE
Shade
- 00214E
- 001B41
- 001535
- 000F29
- 00091E
- 000413
- 000209
- 000103
- 000000
Tone
- 0E315F
- 1C3A64
- 294368
- 354C6C
- 41546F
- 4E5D73
- 5A6677
- 666F7A
- 73777D
Harmoni warna
Komplementer +180°
- 00285B
Marine
- 3B2600
≈ Secret Passage
Analog -30° +30°
- 00285B
Marine
- 002F3F
≈ Nordic Noir
- 291E59
≈ Cluedo Night
Triadik +120° +240°
- 00285B
Marine
- 510A17
≈ Maroon Oak
- 123300
≈ Witch Wart
Split-komplementer +150° +210°
- 00285B
Marine
- 491B00
≈ Barbecue Sauce
- 2E2C00
≈ Secret Passage
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 14.43:1 · APCA Lc 101
Ag
FailDi atas hitam
WCAG 1.45:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 14.43:1 (AAA) · APCA Lc 101
Contrast pairs
Cuplikan kode
CSS
:root {
--marine: #00285b;
--marine-rgb: 0 40 91;
--marine-oklch: oklch(0.286 0.101 256.9);
}
.element {
color: var(--marine);
background-color: hsl(214 100% 18%);
border-color: oklch(0.286 0.101 256.9);
}Tailwind CSS v4
@theme {
--color-marine: #00285b;
--color-marine-50: #e4f7ff;
--color-marine-100: #d4e9ff;
--color-marine-200: #bbd6ff;
--color-marine-300: #98b9ec;
--color-marine-400: #77a0da;
--color-marine-500: #5987c8;
--color-marine-600: #4c73a9;
--color-marine-700: #3c5c88;
--color-marine-800: #294465;
--color-marine-900: #1c2f47;
--color-marine-950: #0c1b2e;
}SCSS
$marine: #00285b;
$marine-rgb: 0, 40, 91;
$marine-light: mix(#fff, $marine, 20%);
$marine-dark: mix(#000, $marine, 20%);
.element {
color: $marine;
box-shadow: 0 0 0 2px rgba($marine, 0.35);
}