Warna bernama terdekat · #0096A9
#0096A9
Warna bernama terdekat: Oasis
#0096A9 (rgb(0 150 169), hsl(187 100% 33%), oklch(0.617 0.107 210.4)) paling mendekati warna bernama Oasis. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#0096A9
oklch(0.617 0.107 210.4)
Konversi warna
- HEX
- #0096a9
- RGB
- rgb(0 150 169)
- HSL
- hsl(187 100% 33%)
- HWB
- hwb(187 0% 34%)
- OKLCH
- oklch(0.617 0.107 210.4)
- OKLab
- oklab(0.617 -0.092 -0.054)
- CIE Lab
- lab(56.36 -29.21 -20.02)
- LCH
- lch(56.36 35.41 214.4)
- CMYK
- cmyk(100% 11% 0% 34%)
Tint · Shade · Tone
Tint
- 38A0B2
- 55ABBA
- 6DB5C3
- 83C0CB
- 99CAD4
- ADD5DC
- C2DFE5
- D6EAEE
- EBF4F6
Shade
- 008292
- 006E7C
- 005B67
- 004953
- 00373F
- 00262C
- 00161B
- 00080A
- 000101
Tone
- 2894A5
- 3A92A1
- 47909D
- 528E99
- 5C8C95
- 648A91
- 6C878C
- 738588
- 7A8384
Harmoni warna
Komplementer +180°
- 0096A9
Oasis
- BD6B5E
≈ Tapestry Red
Analog -30° +30°
- 0096A9
Oasis
- 199A88
≈ Flamboyant Teal
- 418DBF
≈ Quiet Night
Triadik +120° +240°
- 0096A9
Oasis
- AA6DA3
≈ Violet Femmes
- 9E822D
≈ Hacienda
Split-komplementer +150° +210°
- 0096A9
Oasis
- B96882
≈ Creamed Raspberry
- B4753D
≈ Saucy Gold
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.53:1 · APCA Lc 62
Ag
AADi atas hitam
WCAG 5.93:1 · APCA Lc 39
Warna teks terbaik: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Cuplikan kode
CSS
:root {
--oasis: #0096a9;
--oasis-rgb: 0 150 169;
--oasis-oklch: oklch(0.617 0.107 210.4);
}
.element {
color: var(--oasis);
background-color: hsl(187 100% 33%);
border-color: oklch(0.617 0.107 210.4);
}Tailwind CSS v4
@theme {
--color-oasis: #0096a9;
--color-oasis-50: #d3feff;
--color-oasis-100: #c0f2fd;
--color-oasis-200: #9ee1ef;
--color-oasis-300: #72c6d8;
--color-oasis-400: #41afc2;
--color-oasis-500: #0098ad;
--color-oasis-600: #008193;
--color-oasis-700: #006775;
--color-oasis-800: #004c56;
--color-oasis-900: #00353c;
--color-oasis-950: #002026;
}SCSS
$oasis: #0096a9;
$oasis-rgb: 0, 150, 169;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}