Colore con nome · #259797
Java
Java è #259797: rgb(37 151 151), hsl(180 61% 37%), oklch(0.617 0.096 194.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Java color name →
#259797
oklch(0.617 0.096 194.9)
Conversioni di colore
- HEX
- #259797
- RGB
- rgb(37 151 151)
- HSL
- hsl(180 61% 37%)
- HWB
- hwb(180 15% 41%)
- OKLCH
- oklch(0.617 0.096 194.9)
- OKLab
- oklab(0.617 -0.093 -0.025)
- CIE Lab
- lab(56.56 -31.55 -9.46)
- LCH
- lch(56.56 32.94 196.7)
- CMYK
- cmyk(75% 0% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 45A1A1
- 5EACAB
- 74B6B5
- 89C0C0
- 9DCBCA
- B1D5D4
- C4E0DF
- D8EAE9
- EBF4F4
Ombre
- 1F8383
- 196F6F
- 135C5C
- 0D4949
- 083737
- 042626
- 021717
- 000808
- 000101
Toni
- 379595
- 449392
- 4F9190
- 588E8E
- 608C8C
- 678A89
- 6E8787
- 748585
- 7A8382
Armonie di colore
Complementare +180°
- 259797
Java
- B86C72
≈ Exotic Incense
Analogo -30° +30°
- 259797
Java
- 449777
≈ Good Luck
- 3791B1
≈ Navagio Bay
Triadico +120° +240°
- 259797
Java
- 9B73AD
≈ Dark Lilac
- A77C3D
≈ Rich Sorrel
Complementare divisa +150° +210°
- 259797
Java
- AE6D92
≈ Purple Starburst
- B57253
≈ Sunburn
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: #259797;
--java-rgb: 37 151 151;
--java-oklch: oklch(0.617 0.096 194.9);
}
.element {
color: var(--java);
background-color: hsl(180 61% 37%);
border-color: oklch(0.617 0.096 194.9);
}Tailwind CSS v4
@theme {
--color-java: #259797;
--color-java-50: #d6feff;
--color-java-100: #c3f2f3;
--color-java-200: #a4e2e2;
--color-java-300: #79c7c8;
--color-java-400: #4eb0b0;
--color-java-500: #009a9a;
--color-java-600: #0c8282;
--color-java-700: #0c6868;
--color-java-800: #064d4b;
--color-java-900: #053534;
--color-java-950: #002020;
}SCSS
$java: #259797;
$java-rgb: 37, 151, 151;
$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);
}