Dichtstbijzijnde benoemde kleur · #61A395
#61A395
Dichtstbijzijnde benoemde kleur: Emerald Oasis
#61A395 (rgb(97 163 149), hsl(167 26% 51%), oklch(0.667 0.071 178.9)) komt het dichtst bij de benoemde kleur Emerald Oasis. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#61A395
oklch(0.667 0.071 178.9)
Kleurconversies
- HEX
- #61a395
- RGB
- rgb(97 163 149)
- HSL
- hsl(167 26% 51%)
- HWB
- hwb(167 38% 36%)
- OKLCH
- oklch(0.667 0.071 178.9)
- OKLab
- oklab(0.667 -0.071 0.001)
- CIE Lab
- lab(62.29 -24.6 0.32)
- LCH
- lch(62.29 24.6 179.3)
- CMYK
- cmyk(40% 0% 9% 36%)
Tinten · Schaduwen · Tonen
Tinten
- 72AC9F
- 82B5A9
- 91BEB4
- A1C7BE
- B1D0C9
- C0DAD3
- D0E3DE
- E0ECE9
- EFF6F4
Schaduwen
- 538D81
- 46786D
- 39635A
- 2D4F48
- 213C37
- 152A26
- 0B1916
- 030A08
- 000101
Tonen
- 65A093
- 699C91
- 6D998F
- 70958D
- 73928A
- 768E88
- 798B86
- 7C8784
- 7E8482
Kleurharmonieën
Complementair +180°
- 61A395
Emerald Oasis
- B98293
≈ Nuisette
Analoog -30° +30°
- 61A395
Emerald Oasis
- 76A17C
≈ Green Grey
- 5CA1AC
≈ Aqua Sea
Triadisch +120° +240°
- 61A395
Emerald Oasis
- 9A8BBB
≈ Sand Verbena
- B68A68
≈ Jama Masjid Taupe
Gesplitst complementair +150° +210°
- 61A395
Emerald Oasis
- AD85AA
≈ Dusty Lavender
- BC847B
≈ Cameo Brown
Tetradisch +90° +180° +270°
- 61A395
Emerald Oasis
- 8293C1
≈ Blue Hyacinth
- B98293
≈ Nuisette
- A69261
≈ Keemun
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.92:1 · APCA Lc 56
Ag
AAAOp zwart
WCAG 7.18:1 · APCA Lc 46
Beste tekstkleur: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Codefragmenten
CSS
:root {
--emerald-oasis: #61a395;
--emerald-oasis-rgb: 97 163 149;
--emerald-oasis-oklch: oklch(0.667 0.071 178.9);
}
.element {
color: var(--emerald-oasis);
background-color: hsl(167 26% 51%);
border-color: oklch(0.667 0.071 178.9);
}Tailwind CSS v4
@theme {
--color-emerald-oasis: #61a395;
--color-emerald-oasis-50: #e0fcf6;
--color-emerald-oasis-100: #cff0e9;
--color-emerald-oasis-200: #b4dfd6;
--color-emerald-oasis-300: #8fc4b9;
--color-emerald-oasis-400: #6ead9f;
--color-emerald-oasis-500: #4b9687;
--color-emerald-oasis-600: #417f72;
--color-emerald-oasis-700: #33655b;
--color-emerald-oasis-800: #254b42;
--color-emerald-oasis-900: #18342d;
--color-emerald-oasis-950: #091f1a;
}SCSS
$emerald-oasis: #61a395;
$emerald-oasis-rgb: 97, 163, 149;
$emerald-oasis-light: mix(#fff, $emerald-oasis, 20%);
$emerald-oasis-dark: mix(#000, $emerald-oasis, 20%);
.element {
color: $emerald-oasis;
box-shadow: 0 0 0 2px rgba($emerald-oasis, 0.35);
}