Nächste benannte Farbe · #1D979C
#1D979C
Nächste benannte Farbe: Java
#1D979C (rgb(29 151 156), hsl(182 69% 36%), oklch(0.617 0.099 199.3)) liegt am nächsten an der benannten Farbe Java. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1D979C
oklch(0.617 0.099 199.3)
Farbumrechnungen
- HEX
- #1d979c
- RGB
- rgb(29 151 156)
- HSL
- hsl(182 69% 36%)
- HWB
- hwb(182 11% 39%)
- OKLCH
- oklch(0.617 0.099 199.3)
- OKLab
- oklab(0.617 -0.094 -0.033)
- CIE Lab
- lab(56.56 -31.24 -12.31)
- LCH
- lch(56.56 33.58 201.5)
- CMYK
- cmyk(81% 3% 0% 39%)
Tints · Shades · Tones
Tints
- 41A1A6
- 5BACAF
- 72B6B9
- 87C0C3
- 9BCBCD
- B0D5D7
- C4E0E1
- D7EAEB
- EBF4F5
Shades
- 188387
- 136F73
- 0E5C5F
- 09494C
- 053739
- 032628
- 011718
- 000809
- 000101
Tones
- 329599
- 419396
- 4C9194
- 568E91
- 5F8C8E
- 668A8B
- 6D8788
- 748586
- 7A8383
Farbharmonien
Komplementär +180°
- 1D979C
Java
- B96C6D
≈ Exotic Incense
Analog -30° +30°
- 1D979C
Java
- 3B987B
≈ Greenway
- 3990B5
≈ Navagio Bay
Triadisch +120° +240°
- 1D979C
Java
- 9F71AB
≈ Dark Lilac
- A57E39
≈ Fluor Spar
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.52:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.95:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--java: #1d979c;
--java-rgb: 29 151 156;
--java-oklch: oklch(0.617 0.099 199.3);
}
.element {
color: var(--java);
background-color: hsl(182 69% 36%);
border-color: oklch(0.617 0.099 199.3);
}Tailwind CSS v4
@theme {
--color-java: #1d979c;
--color-java-50: #d5feff;
--color-java-100: #c2f2f6;
--color-java-200: #a2e2e6;
--color-java-300: #77c7cc;
--color-java-400: #4ab0b5;
--color-java-500: #00999f;
--color-java-600: #008286;
--color-java-700: #03686c;
--color-java-800: #014d4e;
--color-java-900: #023536;
--color-java-950: #002021;
}SCSS
$java: #1d979c;
$java-rgb: 29, 151, 156;
$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);
}