HEX naar RGB: #022C22

Ook bekend als: Tailwind v3 emerald-950

#022C22 → rgb(2 44 34)

Waarden staan op volle precisie, dus terugrekenen geeft exact #022c22. De afgeronde vorm plak je gewoonlijk in CSS.

Stap-voor-stap berekening

Elk getal wordt uit de invoer berekend, er wordt niets opgezocht.

1. HEX → pairs
```
#022C22 → 02 | 2C | 22
```

2. base 16 → base 10

R = 02₁₆ = 0×16 + 2 = 2
G = 2C₁₆ = 2×16 + 12 = 44
B = 22₁₆ = 2×16 + 2 = 34

3. RGB
```
rgb(2 44 34)
```

Alle formaten

HEX: #022c22
RGB: rgb(2 44 34)
RGB (legacy): rgb(2, 44, 34)
HSL: hsl(165.71 91.30% 9.02%) → hsl(166 91% 9%)
HWB: hwb(166 1% 83%)
OKLCH: oklch(0.262 0.049 172.6) · oklch(26.2% 0.049 172.6)
OKLab: oklab(0.262 -0.048 0.006)
Lab (D50): lab(15.04 -17.12 2.28)
LCH (D50): lch(15.04 17.27 172.42)
Display P3: color(display-p3 0.0607 0.1694 0.1353)
Linear sRGB: color(srgb-linear 0.0006 0.0252 0.0160)

Gamut: sRGB en Display P3

#022C22 is een hexkleur en ligt dus binnen sRGB en daarmee binnen Display P3. Bij deze helderheid en tint haalt sRGB een chroma van 0.051 en Display P3 van 0.069; deze kleur gebruikt 96% van de beschikbare sRGB-chroma.

CSS-snippets

.element {
  color: #022c22;
  color: rgb(2 44 34);
  color: hsl(166 91% 9%);
  color: oklch(0.262 0.049 172.6);
}

/* Tailwind CSS v4 */
@theme {
  --color-brand: oklch(0.262 0.049 172.6);
}
/* arbitrary values */
class="text-[#022c22] bg-[oklch(0.262_0.049_172.6)]"

/* wide-gamut screens */
@media (color-gamut: p3) {
  .element { color: color(display-p3 0.0607 0.1694 0.1353); }
}

/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #022c22 calc(l - 0.1) c h); }

Kleuren in de buurt

Dichtstbijzijnde kleuren in de Tailwind- en CSS-paletten (OKLab-afstand).

Lichter en donkerder, dezelfde tint en chroma

#143B31 · oklch(0.322 0.049 172.6) · ΔL +0.06
#001D14 · oklch(0.202 0.049 172.6) · ΔL −0.06

Openen in de studio

Openen in de OKLCH-kiezer Contrast op wit controleren

Andere converters voor deze kleur

Alle converters →