Benoemde kleur · #35530A
Navy Green
Navy Green is #35530A: rgb(53 83 10), hsl(85 78% 18%), oklch(0.404 0.103 130.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Navy Green color name →
#35530A
oklch(0.404 0.103 130.4)
Kleurconversies
- HEX
- #35530a
- RGB
- rgb(53 83 10)
- HSL
- hsl(85 78% 18%)
- HWB
- hwb(85 4% 67%)
- OKLCH
- oklch(0.404 0.103 130.4)
- OKLab
- oklab(0.404 -0.066 0.078)
- CIE Lab
- lab(31.83 -20.64 34.96)
- LCH
- lch(31.83 40.6 120.6)
- CMYK
- cmyk(36% 0% 88% 67%)
Tinten · Schaduwen · Tonen
Tinten
- 476328
- 5A733F
- 6D8456
- 80956D
- 94A685
- A9B79C
- BEC9B4
- D3DBCD
- E9EDE6
Schaduwen
- 2D4707
- 253B05
- 1D3003
- 152502
- 0E1B01
- 081101
- 030800
- 010200
- 000000
Tonen
- 3C581C
- 445C29
- 4B6135
- 526540
- 5A6A4B
- 616E56
- 697360
- 71776B
- 787C75
Kleurharmonieën
Complementair +180°
- 35530A
Navy Green
- 5A3671
≈ Lounge Violet
Analoog -30° +30°
- 35530A
Navy Green
- 534900
≈ Scorzonera Brown
- 005738
≈ Permanent Green
Triadisch +120° +240°
- 35530A
Navy Green
- 124A7D
≈ Dance Studio
- 752D3B
≈ Mesa Ridge
Gesplitst complementair +150° +210°
- 35530A
Navy Green
- 3F407E
≈ Jacksons Purple
- 6C2F59
≈ Velvet Mauve
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.77:1 · APCA Lc 90
Ag
FailOp zwart
WCAG 2.39:1 · APCA Lc 12
Beste tekstkleur: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--navy-green: #35530a;
--navy-green-rgb: 53 83 10;
--navy-green-oklch: oklch(0.404 0.103 130.4);
}
.element {
color: var(--navy-green);
background-color: hsl(85 78% 18%);
border-color: oklch(0.404 0.103 130.4);
}Tailwind CSS v4
@theme {
--color-navy-green: #35530a;
--color-navy-green-50: #eafcde;
--color-navy-green-100: #dbf0cd;
--color-navy-green-200: #c4deb1;
--color-navy-green-300: #a4c38d;
--color-navy-green-400: #8aab69;
--color-navy-green-500: #6f9447;
--color-navy-green-600: #5e7d3d;
--color-navy-green-700: #4b6431;
--color-navy-green-800: #384921;
--color-navy-green-900: #263315;
--color-navy-green-950: #141e07;
}SCSS
$navy-green: #35530a;
$navy-green-rgb: 53, 83, 10;
$navy-green-light: mix(#fff, $navy-green, 20%);
$navy-green-dark: mix(#000, $navy-green, 20%);
.element {
color: $navy-green;
box-shadow: 0 0 0 2px rgba($navy-green, 0.35);
}