Dichtstbijzijnde benoemde kleur · #478520
#478520
Dichtstbijzijnde benoemde kleur: Kelp Forest
#478520 (rgb(71 133 32), hsl(97 61% 32%), oklch(0.554 0.147 136.1)) komt het dichtst bij de benoemde kleur Kelp Forest. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#478520
oklch(0.554 0.147 136.1)
Kleurconversies
- HEX
- #478520
- RGB
- rgb(71 133 32)
- HSL
- hsl(97 61% 32%)
- HWB
- hwb(97 13% 48%)
- OKLCH
- oklch(0.554 0.147 136.1)
- OKLab
- oklab(0.554 -0.106 0.102)
- CIE Lab
- lab(49.86 -34.35 44.5)
- LCH
- lch(49.86 56.21 127.7)
- CMYK
- cmyk(47% 0% 76% 48%)
Tinten · Schaduwen · Tonen
Tinten
- 59913C
- 6B9D53
- 7DA969
- 8FB67E
- A2C293
- B4CEA8
- C6DABE
- D9E6D3
- ECF3E9
Schaduwen
- 3D731A
- 326115
- 28500F
- 1F400A
- 163006
- 0D2103
- 061301
- 020600
- 000100
Tonen
- 4E852F
- 54853B
- 5A8445
- 60844F
- 668458
- 6B8360
- 708269
- 768271
- 7B8178
Kleurharmonieën
Complementair +180°
- 478520
Kelp Forest
- 9453AC
≈ Purpureus
Analoog -30° +30°
- 478520
Kelp Forest
- 7C7600
≈ Medusa’s Snakes
- 008763
≈ Spectral Green
Triadisch +120° +240°
- 478520
Kelp Forest
- 3172C6
≈ Palace Blue
- B84755
≈ Umbria Red
Gesplitst complementair +150° +210°
- 478520
Kelp Forest
- 6E62C3
≈ Ultra Violet
- AD4985
≈ Purple Orchid
Tetradisch +90° +180° +270°
- 478520
Kelp Forest
- 007FA2
≈ Kingfisher Sheen
- 9453AC
≈ Purpureus
- B55113
≈ Gold Flame
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.52:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.64:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--kelp-forest: #478520;
--kelp-forest-rgb: 71 133 32;
--kelp-forest-oklch: oklch(0.554 0.147 136.1);
}
.element {
color: var(--kelp-forest);
background-color: hsl(97 61% 32%);
border-color: oklch(0.554 0.147 136.1);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #478520;
--color-kelp-forest-50: #e1ffd7;
--color-kelp-forest-100: #d0f4c5;
--color-kelp-forest-200: #b6e4a6;
--color-kelp-forest-300: #92c97f;
--color-kelp-forest-400: #75b256;
--color-kelp-forest-500: #559b2a;
--color-kelp-forest-600: #498326;
--color-kelp-forest-700: #3a691e;
--color-kelp-forest-800: #2c4d10;
--color-kelp-forest-900: #1d350a;
--color-kelp-forest-950: #0d2000;
}SCSS
$kelp-forest: #478520;
$kelp-forest-rgb: 71, 133, 32;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}