Warna bernama terdekat · #00B0CF
#00B0CF
Warna bernama terdekat: Aquarius
#00B0CF (rgb(0 176 207), hsl(189 100% 41%), oklch(0.698 0.124 216.3)) paling mendekati warna bernama Aquarius. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#00B0CF
oklch(0.698 0.124 216.3)
Konversi warna
- HEX
- #00b0cf
- RGB
- rgb(0 176 207)
- HSL
- hsl(189 100% 41%)
- HWB
- hwb(189 0% 19%)
- OKLCH
- oklch(0.698 0.124 216.3)
- OKLab
- oklab(0.698 -0.1 -0.074)
- CIE Lab
- lab(65.68 -30.49 -27.03)
- LCH
- lch(65.68 40.75 221.6)
- CMYK
- cmyk(100% 15% 0% 19%)
Tint · Shade · Tone
Tint
- 3FB8D4
- 5CC0D9
- 75C8DE
- 8BD0E3
- 9FD8E8
- B3E0EC
- C6E8F1
- D9F0F6
- ECF7FA
Shade
- 0099B4
- 008299
- 006C7F
- 005667
- 00424F
- 002E38
- 001C23
- 000B10
- 000102
Tone
- 2DABC7
- 40A7BF
- 4EA2B7
- 589DAF
- 6199A7
- 69949F
- 708F98
- 768A90
- 7B8588
Harmoni warna
Komplementer +180°
- 00B0CF
Aquarius
- DF8066
≈ Dry Peach
Analog -30° +30°
- 00B0CF
Aquarius
- 00B6A9
≈ Glass Jar Blue
- 56A4E6
≈ Windjammer
Triadik +120° +240°
- 00B0CF
Aquarius
- CE7FBB
≈ Peruvian Lily
- B49D34
≈ Pollen Storm
Split-komplementer +150° +210°
- 00B0CF
Aquarius
- DE7B91
≈ Impatient Pink
- D18D40
≈ Buried Treasure
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.58:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.11:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.11:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
CSS
:root {
--aquarius: #00b0cf;
--aquarius-rgb: 0 176 207;
--aquarius-oklch: oklch(0.698 0.124 216.3);
}
.element {
color: var(--aquarius);
background-color: hsl(189 100% 41%);
border-color: oklch(0.698 0.124 216.3);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b0cf;
--color-aquarius-50: #ceffff;
--color-aquarius-100: #baf3ff;
--color-aquarius-200: #96e2f8;
--color-aquarius-300: #65c7e2;
--color-aquarius-400: #23b0cd;
--color-aquarius-500: #0099ba;
--color-aquarius-600: #00819d;
--color-aquarius-700: #00687e;
--color-aquarius-800: #004c5d;
--color-aquarius-900: #003541;
--color-aquarius-950: #002029;
}SCSS
$aquarius: #00b0cf;
$aquarius-rgb: 0, 176, 207;
$aquarius-light: mix(#fff, $aquarius, 20%);
$aquarius-dark: mix(#000, $aquarius, 20%);
.element {
color: $aquarius;
box-shadow: 0 0 0 2px rgba($aquarius, 0.35);
}