Colore con nome più vicino · #009698
#009698
Colore con nome più vicino: Java
#009698 (rgb(0 150 152), hsl(181 100% 30%), oklch(0.61 0.104 196.4)) è più vicino al colore con nome Java. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#009698
oklch(0.61 0.104 196.4)
Conversioni di colore
- HEX
- #009698
- RGB
- rgb(0 150 152)
- HSL
- hsl(181 100% 30%)
- HWB
- hwb(181 0% 40%)
- OKLCH
- oklch(0.61 0.104 196.4)
- OKLab
- oklab(0.61 -0.1 -0.029)
- CIE Lab
- lab(55.85 -33.6 -11.13)
- LCH
- lch(55.85 35.4 198.3)
- CMYK
- cmyk(100% 1% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 38A0A2
- 55ABAC
- 6DB5B6
- 83C0C0
- 98CACA
- ADD5D5
- C2DFDF
- D6EAEA
- EBF4F4
Ombre
- 008284
- 006E70
- 005B5C
- 00494A
- 003738
- 002627
- 001617
- 000808
- 000101
Toni
- 289496
- 3A9293
- 479091
- 528E8E
- 5C8C8C
- 64898A
- 6C8787
- 738585
- 7A8282
Armonie di colore
Complementare +180°
- 009698
Java
- B9686D
≈ Terra Rosa
Analogo -30° +30°
- 009698
Java
- 379775
≈ Ocean Green
- 2A8FB3
≈ Navagio Bay
Triadico +120° +240°
- 009698
Java
- 9C6FAD
≈ Dark Lilac
- A67A32
≈ Chai Tea
Complementare divisa +150° +210°
- 009698
Java
- B06990
≈ Je t’aime
- B66E4B
≈ Thanksgiving
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.61:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.81:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--java: #009698;
--java-rgb: 0 150 152;
--java-oklch: oklch(0.61 0.104 196.4);
}
.element {
color: var(--java);
background-color: hsl(181 100% 30%);
border-color: oklch(0.61 0.104 196.4);
}Tailwind CSS v4
@theme {
--color-java: #009698;
--color-java-50: #d4ffff;
--color-java-100: #c0f3f5;
--color-java-200: #9fe2e5;
--color-java-300: #72c8cb;
--color-java-400: #43b1b3;
--color-java-500: #009b9d;
--color-java-600: #008385;
--color-java-700: #00696a;
--color-java-800: #004d4d;
--color-java-900: #003636;
--color-java-950: #002121;
}SCSS
$java: #009698;
$java-rgb: 0, 150, 152;
$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);
}