Dichtstbijzijnde benoemde kleur · #4AAA9B
#4AAA9B
Dichtstbijzijnde benoemde kleur: Jewel Weed
#4AAA9B (rgb(74 170 155), hsl(171 39% 48%), oklch(0.676 0.093 181.6)) komt het dichtst bij de benoemde kleur Jewel Weed. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#4AAA9B
oklch(0.676 0.093 181.6)
Kleurconversies
- HEX
- #4aaa9b
- RGB
- rgb(74 170 155)
- HSL
- hsl(171 39% 48%)
- HWB
- hwb(171 29% 33%)
- OKLCH
- oklch(0.676 0.093 181.6)
- OKLab
- oklab(0.676 -0.093 -0.003)
- CIE Lab
- lab(63.61 -32.37 -1.24)
- LCH
- lch(63.61 32.39 182.2)
- CMYK
- cmyk(56% 0% 9% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 60B2A5
- 73BBAE
- 86C3B8
- 98CCC2
- A9D4CC
- BBDDD6
- CCE5E0
- DDEEEA
- EEF6F5
Schaduwen
- 3F9386
- 357D72
- 2A685E
- 20534B
- 173F39
- 0E2D28
- 061B18
- 020B09
- 000101
Tonen
- 53A698
- 5AA296
- 619E93
- 679990
- 6C958D
- 71918B
- 758D88
- 798985
- 7D8483
Kleurharmonieën
Complementair +180°
- 4AAA9B
Jewel Weed
- C77E93
≈ Wild Rose
Analoog -30° +30°
- 4AAA9B
Jewel Weed
- 6AA87A
≈ Primavera
- 45A6B8
≈ Freshwater
Triadisch +120° +240°
- 4AAA9B
Jewel Weed
- A189C8
≈ Petrified Purple
- C18A59
≈ Espresso Tonic
Gesplitst complementair +150° +210°
- 4AAA9B
Jewel Weed
- B982B1
≈ Drama Violet
- CA8173
≈ Canyon Clay
Tetradisch +90° +180° +270°
- 4AAA9B
Jewel Weed
- 8294D1
≈ Mystic Iris
- C77E93
≈ Wild Rose
- AC9550
≈ Obsession
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.51:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--jewel-weed: #4aaa9b;
--jewel-weed-rgb: 74 170 155;
--jewel-weed-oklch: oklch(0.676 0.093 181.6);
}
.element {
color: var(--jewel-weed);
background-color: hsl(171 39% 48%);
border-color: oklch(0.676 0.093 181.6);
}Tailwind CSS v4
@theme {
--color-jewel-weed: #4aaa9b;
--color-jewel-weed-50: #d9fef8;
--color-jewel-weed-100: #c6f3eb;
--color-jewel-weed-200: #a8e2d8;
--color-jewel-weed-300: #7fc7bc;
--color-jewel-weed-400: #58b1a2;
--color-jewel-weed-500: #249a8a;
--color-jewel-weed-600: #228275;
--color-jewel-weed-700: #1c685e;
--color-jewel-weed-800: #134d43;
--color-jewel-weed-900: #0c352e;
--color-jewel-weed-950: #00201b;
}SCSS
$jewel-weed: #4aaa9b;
$jewel-weed-rgb: 74, 170, 155;
$jewel-weed-light: mix(#fff, $jewel-weed, 20%);
$jewel-weed-dark: mix(#000, $jewel-weed, 20%);
.element {
color: $jewel-weed;
box-shadow: 0 0 0 2px rgba($jewel-weed, 0.35);
}