Named color · #729183
Hawkesbury
Hawkesbury is #729183: rgb(114 145 131), hsl(153 12% 51%), oklch(0.629 0.041 165.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Hawkesbury color name →
#729183
oklch(0.629 0.041 165.8)
Color conversions
- HEX
- #729183
- RGB
- rgb(114 145 131)
- HSL
- hsl(153 12% 51%)
- HWB
- hwb(153 45% 43%)
- OKLCH
- oklch(0.629 0.041 165.8)
- OKLab
- oklab(0.629 -0.039 0.01)
- CIE Lab
- lab(57.48 -13.58 3.69)
- LCH
- lch(57.48 14.08 164.8)
- CMYK
- cmyk(21% 0% 10% 43%)
Tints · Shades · Tones
Tints
- 7F9C8F
- 8DA69B
- 9BB1A7
- A9BCB3
- B7C7BF
- C5D2CC
- D3DDD8
- E2E8E5
- F0F4F2
Shades
- 627D71
- 536A60
- 44584F
- 36463F
- 28352F
- 1B2520
- 0E1512
- 040706
- 010101
Tones
- 748F83
- 758E82
- 778C82
- 788A82
- 7A8982
- 7B8781
- 7C8581
- 7E8381
- 7F8280
Color harmonies
Complementary +180°
- 729183
Hawkesbury
- 9C7F8E
≈ Garden Plum
Analogous -30° +30°
- 729183
Hawkesbury
- 7E8F76
≈ Mossy Statue
- 6C9191
≈ Mineral Blue
Triadic +120° +240°
- 729183
Hawkesbury
- 8686A1
≈ Mandrake
- 9F8274
≈ Modern Mocha
Split-complementary +150° +210°
- 729183
Hawkesbury
- 93829A
≈ Mixed Berries
- A07F80
≈ Plumville
Tetradic +90° +180° +270°
- 729183
Hawkesbury
- 798AA2
≈ Hilo Bay
- 9C7F8E
≈ Garden Plum
- 97866E
≈ Wild Hawk
Contrast & accessibility
Ag
FailOn white
WCAG 3.44:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.09:1 · APCA Lc 40
Best text color: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--hawkesbury: #729183;
--hawkesbury-rgb: 114 145 131;
--hawkesbury-oklch: oklch(0.629 0.041 165.8);
}
.element {
color: var(--hawkesbury);
background-color: hsl(153 12% 51%);
border-color: oklch(0.629 0.041 165.8);
}Tailwind CSS v4
@theme {
--color-hawkesbury: #729183;
--color-hawkesbury-50: #ebf9f3;
--color-hawkesbury-100: #dcece5;
--color-hawkesbury-200: #c5dad1;
--color-hawkesbury-300: #a4beb3;
--color-hawkesbury-400: #89a699;
--color-hawkesbury-500: #6d8f80;
--color-hawkesbury-600: #5c796c;
--color-hawkesbury-700: #4a6156;
--color-hawkesbury-800: #36473f;
--color-hawkesbury-900: #25312b;
--color-hawkesbury-950: #131d18;
}SCSS
$hawkesbury: #729183;
$hawkesbury-rgb: 114, 145, 131;
$hawkesbury-light: mix(#fff, $hawkesbury, 20%);
$hawkesbury-dark: mix(#000, $hawkesbury, 20%);
.element {
color: $hawkesbury;
box-shadow: 0 0 0 2px rgba($hawkesbury, 0.35);
}