Dichtstbijzijnde benoemde kleur · #999333
#999333
Dichtstbijzijnde benoemde kleur: Gecko
#999333 (rgb(153 147 51), hsl(56 50% 40%), oklch(0.65 0.116 105.7)) komt het dichtst bij de benoemde kleur Gecko. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#999333
oklch(0.65 0.116 105.7)
Kleurconversies
- HEX
- #999333
- RGB
- rgb(153 147 51)
- HSL
- hsl(56 50% 40%)
- HWB
- hwb(56 20% 40%)
- OKLCH
- oklch(0.65 0.116 105.7)
- OKLab
- oklab(0.65 -0.032 0.112)
- CIE Lab
- lab(60.07 -6.54 49.39)
- LCH
- lch(60.07 49.82 97.5)
- CMYK
- cmyk(0% 4% 67% 40%)
Tinten · Schaduwen · Tonen
Tinten
- A39E4C
- ACA861
- B6B376
- C0BE8A
- CAC99D
- D5D3B1
- DFDEC4
- EAE9D8
- F4F4EB
Schaduwen
- 847F2B
- 706C23
- 5D591C
- 4A4714
- 38360D
- 272507
- 171603
- 080801
- 010100
Tonen
- 96913F
- 949049
- 918E52
- 8F8C5A
- 8C8A61
- 8A8868
- 87866E
- 858474
- 82827A
Kleurharmonieën
Complementair +180°
- 999333
Gecko
- 8984D3
≈ Indigo Bloom
Analoog -30° +30°
- 999333
Gecko
- B88431
≈ Mango Brown
- 6E9F55
≈ Astroturf
Triadisch +120° +240°
- 999333
Gecko
- 219DC5
≈ Major Blue
- C1719E
≈ Crocus
Gesplitst complementair +150° +210°
- 999333
Gecko
- 5D91D5
≈ Blue Dart
- AA78BF
≈ Wisteria
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.19:1 · APCA Lc 59
Ag
AAOp zwart
WCAG 6.57:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
CSS
:root {
--gecko: #999333;
--gecko-rgb: 153 147 51;
--gecko-oklch: oklch(0.65 0.116 105.7);
}
.element {
color: var(--gecko);
background-color: hsl(56 50% 40%);
border-color: oklch(0.65 0.116 105.7);
}Tailwind CSS v4
@theme {
--color-gecko: #999333;
--color-gecko-50: #f8f8d2;
--color-gecko-100: #ebebbf;
--color-gecko-200: #d9d99f;
--color-gecko-300: #bdbc75;
--color-gecko-400: #a8a24b;
--color-gecko-500: #918a10;
--color-gecko-600: #7b7514;
--color-gecko-700: #625d10;
--color-gecko-800: #494407;
--color-gecko-900: #332f05;
--color-gecko-950: #1f1b00;
}SCSS
$gecko: #999333;
$gecko-rgb: 153, 147, 51;
$gecko-light: mix(#fff, $gecko, 20%);
$gecko-dark: mix(#000, $gecko, 20%);
.element {
color: $gecko;
box-shadow: 0 0 0 2px rgba($gecko, 0.35);
}