Benoemde kleur · #404C02
No Emissions Green
No Emissions Green is #404C02: rgb(64 76 2), hsl(70 95% 15%), oklch(0.392 0.091 119.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · No Emissions Green color name →
#404C02
oklch(0.392 0.091 119.6)
Kleurconversies
- HEX
- #404c02
- RGB
- rgb(64 76 2)
- HSL
- hsl(70 95% 15%)
- HWB
- hwb(70 1% 70%)
- OKLCH
- oklch(0.392 0.091 119.6)
- OKLab
- oklab(0.392 -0.045 0.079)
- CIE Lab
- lab(30.22 -12.43 36.75)
- LCH
- lch(30.22 38.8 108.7)
- CMYK
- cmyk(16% 0% 97% 70%)
Tinten · Schaduwen · Tonen
Tinten
- 515C23
- 626D3C
- 747E53
- 86906A
- 99A282
- ADB49A
- C1C6B3
- D5D9CC
- EAECE5
Schaduwen
- 364101
- 2D3601
- 242C01
- 1B2200
- 131800
- 0B0F00
- 050600
- 010200
- 000000
Tonen
- 465117
- 4C5725
- 525C32
- 58613D
- 5F6649
- 656B54
- 6C715F
- 72766A
- 797B75
Kleurharmonieën
Complementair +180°
- 404C02
No Emissions Green
- 4D396F
≈ Succinct Violet
Analoog -30° +30°
- 404C02
No Emissions Green
- 564300
≈ Sugarloaf Brown
- 185329
≈ Moor-Monster
Triadisch +120° +240°
- 404C02
No Emissions Green
- 004B70
≈ Pompeii Blue
- 6B2E44
≈ Cherry Juice Red
Gesplitst complementair +150° +210°
- 404C02
No Emissions Green
- 324276
≈ Forbidden Blackberry
- 60325D
≈ Long Passionate Night
Tetradisch +90° +180° +270°
- 404C02
No Emissions Green
- 004F59
≈ Kali Blue
- 4D396F
≈ Succinct Violet
- 6E3027
≈ Cypress Bark Red
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.32:1 · APCA Lc 91
Ag
FailOp zwart
WCAG 2.25:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--no-emissions-green: #404c02;
--no-emissions-green-rgb: 64 76 2;
--no-emissions-green-oklch: oklch(0.392 0.091 119.6);
}
.element {
color: var(--no-emissions-green);
background-color: hsl(70 95% 15%);
border-color: oklch(0.392 0.091 119.6);
}Tailwind CSS v4
@theme {
--color-no-emissions-green: #404c02;
--color-no-emissions-green-50: #f1fadd;
--color-no-emissions-green-100: #e3edcc;
--color-no-emissions-green-200: #cedbb0;
--color-no-emissions-green-300: #b0bf8b;
--color-no-emissions-green-400: #98a768;
--color-no-emissions-green-500: #7f8f45;
--color-no-emissions-green-600: #6b793c;
--color-no-emissions-green-700: #56612f;
--color-no-emissions-green-800: #404720;
--color-no-emissions-green-900: #2c3115;
--color-no-emissions-green-950: #191d07;
}SCSS
$no-emissions-green: #404c02;
$no-emissions-green-rgb: 64, 76, 2;
$no-emissions-green-light: mix(#fff, $no-emissions-green, 20%);
$no-emissions-green-dark: mix(#000, $no-emissions-green, 20%);
.element {
color: $no-emissions-green;
box-shadow: 0 0 0 2px rgba($no-emissions-green, 0.35);
}