Dichtstbijzijnde benoemde kleur · #009294
#009294
Dichtstbijzijnde benoemde kleur: Java
#009294 (rgb(0 146 148), hsl(181 100% 29%), oklch(0.598 0.102 196.5)) komt het dichtst bij de benoemde kleur Java. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#009294
oklch(0.598 0.102 196.5)
Kleurconversies
- HEX
- #009294
- RGB
- rgb(0 146 148)
- HSL
- hsl(181 100% 29%)
- HWB
- hwb(181 0% 42%)
- OKLCH
- oklch(0.598 0.102 196.5)
- OKLab
- oklab(0.598 -0.098 -0.029)
- CIE Lab
- lab(54.45 -32.93 -10.93)
- LCH
- lch(54.45 34.7 198.4)
- CMYK
- cmyk(100% 1% 0% 42%)
Tinten · Schaduwen · Tonen
Tinten
- 379D9E
- 54A8A9
- 6CB2B3
- 82BDBE
- 97C8C8
- ACD3D3
- C1DEDE
- D6E9E9
- EAF4F4
Schaduwen
- 007E80
- 006B6D
- 00585A
- 004648
- 003536
- 002526
- 001616
- 000808
- 000101
Tonen
- 279092
- 398F90
- 468D8E
- 518B8C
- 5B8A8A
- 638888
- 6B8686
- 738484
- 798282
Kleurharmonieën
Complementair +180°
- 009294
Java
- B4656A
≈ Lasting Impression
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 009294
Java
- AB668C
≈ Wild Mulberry
- B16B49
≈ Amber Brown
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.79:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.53:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--java: #009294;
--java-rgb: 0 146 148;
--java-oklch: oklch(0.598 0.102 196.5);
}
.element {
color: var(--java);
background-color: hsl(181 100% 29%);
border-color: oklch(0.598 0.102 196.5);
}Tailwind CSS v4
@theme {
--color-java: #009294;
--color-java-50: #d4ffff;
--color-java-100: #c1f3f4;
--color-java-200: #a0e2e4;
--color-java-300: #74c8cb;
--color-java-400: #46b1b3;
--color-java-500: #009a9d;
--color-java-600: #008284;
--color-java-700: #00696a;
--color-java-800: #004d4d;
--color-java-900: #003635;
--color-java-950: #002121;
}SCSS
$java: #009294;
$java-rgb: 0, 146, 148;
$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);
}