Najbliższy nazwany kolor · #00B0CF
#00B0CF
Najbliższy nazwany kolor: Aquarius
#00B0CF (rgb(0 176 207), hsl(189 100% 41%), oklch(0.698 0.124 216.3)) jest najbliższy nazwanemu kolorowi Aquarius. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00B0CF
oklch(0.698 0.124 216.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3FB8D4
- 5CC0D9
- 75C8DE
- 8BD0E3
- 9FD8E8
- B3E0EC
- C6E8F1
- D9F0F6
- ECF7FA
Odcienie ciemniejsze
- 0099B4
- 008299
- 006C7F
- 005667
- 00424F
- 002E38
- 001C23
- 000B10
- 000102
Tony
- 2DABC7
- 40A7BF
- 4EA2B7
- 589DAF
- 6199A7
- 69949F
- 708F98
- 768A90
- 7B8588
Harmonie kolorów
Komplementarna +180°
- 00B0CF
Aquarius
- DF8066
≈ Dry Peach
Analogowa -30° +30°
- 00B0CF
Aquarius
- 00B6A9
≈ Glass Jar Blue
- 56A4E6
≈ Windjammer
Triada +120° +240°
- 00B0CF
Aquarius
- CE7FBB
≈ Peruvian Lily
- B49D34
≈ Pollen Storm
Komplementarna rozszczepiona +150° +210°
- 00B0CF
Aquarius
- DE7B91
≈ Impatient Pink
- D18D40
≈ Buried Treasure
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.58:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.11:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.11:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}