Colore con nome più vicino · #1D979C
#1D979C
Colore con nome più vicino: Java
#1D979C (rgb(29 151 156), hsl(182 69% 36%), oklch(0.617 0.099 199.3)) è più vicino al colore con nome Java. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1D979C
oklch(0.617 0.099 199.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 41A1A6
- 5BACAF
- 72B6B9
- 87C0C3
- 9BCBCD
- B0D5D7
- C4E0E1
- D7EAEB
- EBF4F5
Ombre
- 188387
- 136F73
- 0E5C5F
- 09494C
- 053739
- 032628
- 011718
- 000809
- 000101
Toni
- 329599
- 419396
- 4C9194
- 568E91
- 5F8C8E
- 668A8B
- 6D8788
- 748586
- 7A8383
Armonie di colore
Complementare +180°
- 1D979C
Java
- B96C6D
≈ Exotic Incense
Analogo -30° +30°
- 1D979C
Java
- 3B987B
≈ Greenway
- 3990B5
≈ Navagio Bay
Triadico +120° +240°
- 1D979C
Java
- 9F71AB
≈ Dark Lilac
- A57E39
≈ Fluor Spar
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
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);
}