Benoemde kleur · #10A674
Bluish Green
Bluish Green is #10A674: rgb(16 166 116), hsl(160 82% 36%), oklch(0.643 0.137 162.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Bluish Green color name →
#10A674
oklch(0.643 0.137 162.7)
Kleurconversies
- HEX
- #10a674
- RGB
- rgb(16 166 116)
- HSL
- hsl(160 82% 36%)
- HWB
- hwb(160 6% 35%)
- OKLCH
- oklch(0.643 0.137 162.7)
- OKLab
- oklab(0.643 -0.13 0.041)
- CIE Lab
- lab(60.35 -46.48 15.44)
- LCH
- lch(60.35 48.98 161.6)
- CMYK
- cmyk(90% 0% 30% 35%)
Tinten · Schaduwen · Tonen
Tinten
- 3FAF81
- 5AB88F
- 72C19C
- 88CAAA
- 9CD3B8
- B1DCC6
- C4E5D4
- D8EDE2
- ECF6F0
Schaduwen
- 0C9064
- 097A54
- 066545
- 045137
- 023E29
- 012B1B
- 001A0F
- 000A05
- 000101
Tonen
- 2FA275
- 3F9F77
- 4C9B78
- 569779
- 5F947A
- 67907C
- 6E8C7D
- 75887E
- 7B847F
Kleurharmonieën
Complementair +180°
- 10A674
Bluish Green
- C468A3
≈ Young Purple
Analoog -30° +30°
- 10A674
Bluish Green
- 6C9E40
≈ Parisian Green
- 00A29F
≈ Aqua Velvet
Triadisch +120° +240°
- 10A674
Bluish Green
- 8280DD
≈ Indigo Bloom
- D06E44
≈ Coral Gold
Gesplitst complementair +150° +210°
- 10A674
Bluish Green
- A972C8
≈ Rich Lavender
- D26676
≈ Tuna Sashimi
Tetradisch +90° +180° +270°
- 10A674
Bluish Green
- 4A90DD
≈ Oregon Blue
- C468A3
≈ Young Purple
- BF7D02
≈ Guo Tie Dumpling
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.12:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.72:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
CSS
:root {
--bluish-green: #10a674;
--bluish-green-rgb: 16 166 116;
--bluish-green-oklch: oklch(0.643 0.137 162.7);
}
.element {
color: var(--bluish-green);
background-color: hsl(160 82% 36%);
border-color: oklch(0.643 0.137 162.7);
}Tailwind CSS v4
@theme {
--color-bluish-green: #10a674;
--color-bluish-green-50: #d2ffeb;
--color-bluish-green-100: #bef7dc;
--color-bluish-green-200: #9ce7c5;
--color-bluish-green-300: #6dcea6;
--color-bluish-green-400: #3eb786;
--color-bluish-green-500: #00a16b;
--color-bluish-green-600: #00885b;
--color-bluish-green-700: #006d48;
--color-bluish-green-800: #005032;
--color-bluish-green-900: #003822;
--color-bluish-green-950: #002211;
}SCSS
$bluish-green: #10a674;
$bluish-green-rgb: 16, 166, 116;
$bluish-green-light: mix(#fff, $bluish-green, 20%);
$bluish-green-dark: mix(#000, $bluish-green, 20%);
.element {
color: $bluish-green;
box-shadow: 0 0 0 2px rgba($bluish-green, 0.35);
}