Nearest named color · #708E6E
#708E6E
Nearest named color: Kashmir
#708E6E (rgb(112 142 110), hsl(116 13% 49%), oklch(0.615 0.058 143.2)) is closest to the named color Kashmir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#708E6E
oklch(0.615 0.058 143.2)
Color conversions
- HEX
- #708e6e
- RGB
- rgb(112 142 110)
- HSL
- hsl(116 13% 49%)
- HWB
- hwb(116 43% 44%)
- OKLCH
- oklch(0.615 0.058 143.2)
- OKLab
- oklab(0.615 -0.047 0.035)
- CIE Lab
- lab(56.03 -15.92 13.5)
- LCH
- lch(56.03 20.87 139.7)
- CMYK
- cmyk(21% 0% 23% 44%)
Tints · Shades · Tones
Tints
- 7E997C
- 8BA48A
- 99AF98
- A7BAA6
- B5C5B4
- C4D1C3
- D2DCD2
- E1E8E1
- F0F3F0
Shades
- 607B5F
- 516850
- 435641
- 354433
- 273426
- 1A2419
- 0E150E
- 040704
- 010101
Tones
- 728D70
- 738B72
- 758A74
- 778975
- 788777
- 7A8679
- 7C847B
- 7D837D
- 7F817E
Color harmonies
Complementary +180°
- 708E6E
Kashmir
- 967999
≈ Vestige
Analogous -30° +30°
- 708E6E
Kashmir
- 848960
≈ Tuscany Hillside
- 5F9081
≈ Chlorite
Triadic +120° +240°
- 708E6E
Kashmir
- 7285A8
≈ Enchanting Sky
- A57774
≈ Dusky Haze
Split-complementary +150° +210°
- 708E6E
Kashmir
- 867EA5
≈ Second Pour
- A17687
≈ Upper Crust
Tetradic +90° +180° +270°
- 708E6E
Kashmir
- 618BA2
≈ Sea Crystal
- 967999
≈ Vestige
- A17B64
≈ New Penny
Contrast & accessibility
Ag
FailOn white
WCAG 3.63:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.78:1 · APCA Lc 38
Best text color: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--kashmir: #708e6e;
--kashmir-rgb: 112 142 110;
--kashmir-oklch: oklch(0.615 0.058 143.2);
}
.element {
color: var(--kashmir);
background-color: hsl(116 13% 49%);
border-color: oklch(0.615 0.058 143.2);
}Tailwind CSS v4
@theme {
--color-kashmir: #708e6e;
--color-kashmir-50: #ebfaeb;
--color-kashmir-100: #dceddc;
--color-kashmir-200: #c5dbc5;
--color-kashmir-300: #a5c0a6;
--color-kashmir-400: #8ba888;
--color-kashmir-500: #6f916d;
--color-kashmir-600: #5e7a5d;
--color-kashmir-700: #4b624a;
--color-kashmir-800: #374835;
--color-kashmir-900: #263224;
--color-kashmir-950: #141e13;
}SCSS
$kashmir: #708e6e;
$kashmir-rgb: 112, 142, 110;
$kashmir-light: mix(#fff, $kashmir, 20%);
$kashmir-dark: mix(#000, $kashmir, 20%);
.element {
color: $kashmir;
box-shadow: 0 0 0 2px rgba($kashmir, 0.35);
}