Nearest named color · #20928F
#20928F
Nearest named color: Java
#20928F (rgb(32 146 143), hsl(178 64% 35%), oklch(0.6 0.096 192.2)) is closest to the named color Java. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#20928F
oklch(0.6 0.096 192.2)
Color conversions
- HEX
- #20928f
- RGB
- rgb(32 146 143)
- HSL
- hsl(178 64% 35%)
- HWB
- hwb(178 13% 43%)
- OKLCH
- oklch(0.6 0.096 192.2)
- OKLab
- oklab(0.6 -0.093 -0.02)
- CIE Lab
- lab(54.65 -31.91 -7.74)
- LCH
- lch(54.65 32.83 193.6)
- CMYK
- cmyk(78% 0% 2% 43%)
Tints · Shades · Tones
Tints
- 429D9A
- 5BA8A4
- 71B2AF
- 86BDBA
- 9BC8C6
- AFD3D1
- C3DEDC
- D7E9E8
- EBF4F3
Shades
- 1A7E7C
- 156B69
- 0F5857
- 0A4645
- 063534
- 032524
- 011615
- 000807
- 000101
Tones
- 33908E
- 418F8C
- 4C8D8B
- 568B89
- 5E8A88
- 668886
- 6D8685
- 748483
- 7A8282
Color harmonies
Complementary +180°
- 20928F
Java
- B16771
≈ Mauvewood
Analogous -30° +30°
- 20928F
Java
- 43926F
≈ Illuminati Green
- 2E8DA9
≈ Carol
Triadic +120° +240°
- 20928F
Java
- 946FAA
≈ Crown Jewels
- A3763A
≈ Gallant Gold
Split-complementary +150° +210°
- 20928F
Java
- A76990
≈ Mauve Memento
- B06C51
≈ Santa Fe
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.77:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.56:1 · APCA Lc 37
Best text color: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--java: #20928f;
--java-rgb: 32 146 143;
--java-oklch: oklch(0.6 0.096 192.2);
}
.element {
color: var(--java);
background-color: hsl(178 64% 35%);
border-color: oklch(0.6 0.096 192.2);
}Tailwind CSS v4
@theme {
--color-java: #20928f;
--color-java-50: #d7fefd;
--color-java-100: #c4f3f1;
--color-java-200: #a4e2e0;
--color-java-300: #7ac7c6;
--color-java-400: #50b0ad;
--color-java-500: #089a97;
--color-java-600: #12827f;
--color-java-700: #106866;
--color-java-800: #094d4a;
--color-java-900: #063533;
--color-java-950: #00201f;
}SCSS
$java: #20928f;
$java-rgb: 32, 146, 143;
$java-light: mix(#fff, $java, 20%);
$java-dark: mix(#000, $java, 20%);
.element {
color: $java;
box-shadow: 0 0 0 2px rgba($java, 0.35);
}