En yakın adlandırılmış renk · #009698
#009698
En yakın adlandırılmış renk: Java
#009698 (rgb(0 150 152), hsl(181 100% 30%), oklch(0.61 0.104 196.4)) en çok Java adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#009698
oklch(0.61 0.104 196.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 38A0A2
- 55ABAC
- 6DB5B6
- 83C0C0
- 98CACA
- ADD5D5
- C2DFDF
- D6EAEA
- EBF4F4
Koyu tonlar
- 008284
- 006E70
- 005B5C
- 00494A
- 003738
- 002627
- 001617
- 000808
- 000101
Gri tonlar
- 289496
- 3A9293
- 479091
- 528E8E
- 5C8C8C
- 64898A
- 6C8787
- 738585
- 7A8282
Renk uyumları
Tamamlayıcı +180°
- 009698
Java
- B9686D
≈ Terra Rosa
Analog -30° +30°
- 009698
Java
- 379775
≈ Ocean Green
- 2A8FB3
≈ Navagio Bay
Üçlü +120° +240°
- 009698
Java
- 9C6FAD
≈ Dark Lilac
- A67A32
≈ Chai Tea
Bölünmüş tamamlayıcı +150° +210°
- 009698
Java
- B06990
≈ Je t’aime
- B66E4B
≈ Thanksgiving
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.61:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.81:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
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);
}