Color con nombre · #5E97A9
Deep Diving
Deep Diving es #5E97A9: rgb(94 151 169), hsl(194 30% 52%), oklch(0.644 0.065 220). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Deep Diving color name →
#5E97A9
oklch(0.644 0.065 220)
Conversiones de color
- HEX
- #5e97a9
- RGB
- rgb(94 151 169)
- HSL
- hsl(194 30% 52%)
- HWB
- hwb(194 37% 34%)
- OKLCH
- oklch(0.644 0.065 220)
- OKLab
- oklab(0.644 -0.05 -0.042)
- CIE Lab
- lab(59.05 -15.78 -15.68)
- LCH
- lch(59.05 22.24 224.8)
- CMYK
- cmyk(44% 11% 0% 34%)
Tintes · Sombras · Tonos
Tintes
- 6EA1B1
- 7FABBA
- 8FB6C2
- 9EC0CB
- AECAD4
- BED5DC
- CEDFE5
- DEEAEE
- EFF4F6
Sombras
- 518392
- 446F7C
- 375C67
- 2B4953
- 1F373F
- 14262C
- 0A171B
- 03080A
- 000101
Tonos
- 6295A5
- 6793A1
- 6A909D
- 6E8E99
- 718C95
- 758990
- 78878C
- 7B8588
- 7D8284
Armonías de color
Complementario +180°
- 5E97A9
Deep Diving
- B1806F
≈ Brick Fence
Análogo -30° +30°
- 5E97A9
Deep Diving
- 5B9A96
≈ Caulerpa Lentillifera
- 6F91B4
≈ Allure
Triádico +120° +240°
- 5E97A9
Deep Diving
- A97E9A
≈ Cali Lily
- 968F60
≈ Nile Reed
Complementario dividido +150° +210°
- 5E97A9
Deep Diving
- B17D84
≈ Audrey’s Blush
- A78761
≈ Trinket Gold
Tetrádico +90° +180° +270°
- 5E97A9
Deep Diving
- 9A83AC
≈ Rhapsody
- B1806F
≈ Brick Fence
- 80966B
≈ Mesa Verde
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.24:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.47:1 · APCA Lc 42
Mejor color de texto: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Fragmentos de código
CSS
:root {
--deep-diving: #5e97a9;
--deep-diving-rgb: 94 151 169;
--deep-diving-oklch: oklch(0.644 0.065 220);
}
.element {
color: var(--deep-diving);
background-color: hsl(194 30% 52%);
border-color: oklch(0.644 0.065 220);
}Tailwind CSS v4
@theme {
--color-deep-diving: #5e97a9;
--color-deep-diving-50: #e2faff;
--color-deep-diving-100: #d1edf8;
--color-deep-diving-200: #b7dbe9;
--color-deep-diving-300: #93c0d0;
--color-deep-diving-400: #72a8b9;
--color-deep-diving-500: #5191a4;
--color-deep-diving-600: #457a8b;
--color-deep-diving-700: #37626f;
--color-deep-diving-800: #264851;
--color-deep-diving-900: #1a3239;
--color-deep-diving-950: #0a1e23;
}SCSS
$deep-diving: #5e97a9;
$deep-diving-rgb: 94, 151, 169;
$deep-diving-light: mix(#fff, $deep-diving, 20%);
$deep-diving-dark: mix(#000, $deep-diving, 20%);
.element {
color: $deep-diving;
box-shadow: 0 0 0 2px rgba($deep-diving, 0.35);
}