Najbliższy nazwany kolor · #80BECD
#80BECD
Najbliższy nazwany kolor: Dolphin
#80BECD (rgb(128 190 205), hsl(192 44% 65%), oklch(0.765 0.067 214.6)) jest najbliższy nazwanemu kolorowi Dolphin. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#80BECD
oklch(0.765 0.067 214.6)
Konwersje koloru
- HEX
- #80becd
- RGB
- rgb(128 190 205)
- HSL
- hsl(192 44% 65%)
- HWB
- hwb(192 50% 20%)
- OKLCH
- oklch(0.765 0.067 214.6)
- OKLab
- oklab(0.765 -0.055 -0.038)
- CIE Lab
- lab(73.17 -17.83 -14.26)
- LCH
- lch(73.17 22.83 218.6)
- CMYK
- cmyk(38% 7% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DC4D2
- 9ACBD7
- A7D1DC
- B4D8E1
- C0DEE6
- CDE5EB
- D9EBF0
- E6F2F5
- F2F8FA
Odcienie ciemniejsze
- 6EA5B2
- 5D8C98
- 4D757E
- 3D5E66
- 2E484E
- 1F3338
- 121F23
- 060D0F
- 010202
Tony
- 81B8C5
- 81B1BD
- 82ABB5
- 82A5AE
- 829FA6
- 82999E
- 829297
- 818C8F
- 818687
Harmonie kolorów
Komplementarna +180°
- 80BECD
Dolphin
- D9A496
≈ Conch Pink
Analogowa -30° +30°
- 80BECD
Dolphin
- 81C1B8
≈ Gentle Wave
- 8FB8DB
≈ Blue Beyond
Triada +120° +240°
- 80BECD
Dolphin
- CEA3C4
≈ Geranium Bud
- C0B382
≈ Ecru
Komplementarna rozszczepiona +150° +210°
- 80BECD
Dolphin
- D8A1AD
≈ Lili Elbe’s Pink
- D1AA86
≈ Maple Tan
Tetrada +90° +180° +270°
- 80BECD
Dolphin
- BCA8D6
≈ Perfume
- D9A496
≈ Conch Pink
- A9BA8C
≈ Gardening
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.16:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--dolphin: #80becd;
--dolphin-rgb: 128 190 205;
--dolphin-oklch: oklch(0.765 0.067 214.6);
}
.element {
color: var(--dolphin);
background-color: hsl(192 44% 65%);
border-color: oklch(0.765 0.067 214.6);
}Tailwind CSS v4
@theme {
--color-dolphin: #80becd;
--color-dolphin-50: #e1faff;
--color-dolphin-100: #d0eef6;
--color-dolphin-200: #b5dce7;
--color-dolphin-300: #91c0ce;
--color-dolphin-400: #6fa9b7;
--color-dolphin-500: #4d92a2;
--color-dolphin-600: #427b89;
--color-dolphin-700: #34636d;
--color-dolphin-800: #244950;
--color-dolphin-900: #183238;
--color-dolphin-950: #091e22;
}SCSS
$dolphin: #80becd;
$dolphin-rgb: 128, 190, 205;
$dolphin-light: mix(#fff, $dolphin, 20%);
$dolphin-dark: mix(#000, $dolphin, 20%);
.element {
color: $dolphin;
box-shadow: 0 0 0 2px rgba($dolphin, 0.35);
}