Color con nombre · #115A82
Whale’s Tale
Whale’s Tale es #115A82: rgb(17 90 130), hsl(201 77% 29%), oklch(0.446 0.094 239.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Whale’s Tale color name →
#115A82
oklch(0.446 0.094 239.3)
Conversiones de color
- HEX
- #115a82
- RGB
- rgb(17 90 130)
- HSL
- hsl(201 77% 29%)
- HWB
- hwb(201 7% 49%)
- OKLCH
- oklch(0.446 0.094 239.3)
- OKLab
- oklab(0.446 -0.048 -0.08)
- CIE Lab
- lab(35.61 -10.21 -29)
- LCH
- lch(35.61 30.75 250.6)
- CMYK
- cmyk(87% 31% 0% 49%)
Tintes · Sombras · Tonos
Tintes
- 306A8E
- 487A9B
- 5E8AA7
- 759AB4
- 8BAAC0
- A2BBCD
- B9CCD9
- D0DCE6
- E7EEF2
Sombras
- 0D4D70
- 09415F
- 06354E
- 04293E
- 021E2F
- 011320
- 000912
- 000306
- 000001
Tonos
- 235E82
- 306282
- 3C6682
- 476A82
- 516E82
- 5B7282
- 647582
- 6D7981
- 777C81
Armonías de color
Complementario +180°
- 115A82
Whale’s Tale
- 794614
≈ Ancient Planks
Análogo -30° +30°
- 115A82
Whale’s Tale
- 005F6B
≈ Petrol
- 3F5088
≈ Dive In
Triádico +120° +240°
- 115A82
Whale’s Tale
- 7D3C53
≈ Red Jade
- 4E5B15
≈ Kyuri Green
Complementario dividido +150° +210°
- 115A82
Whale’s Tale
- 803E35
≈ Russet Brown
- 685100
≈ Olive Brown
Tetrádico +90° +180° +270°
- 115A82
Whale’s Tale
- 70406D
≈ Burnt Orchid
- 794614
≈ Ancient Planks
- 286236
≈ Deep Into the Wood
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.47:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.80:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--whale-s-tale: #115a82;
--whale-s-tale-rgb: 17 90 130;
--whale-s-tale-oklch: oklch(0.446 0.094 239.3);
}
.element {
color: var(--whale-s-tale);
background-color: hsl(201 77% 29%);
border-color: oklch(0.446 0.094 239.3);
}Tailwind CSS v4
@theme {
--color-whale-s-tale: #115a82;
--color-whale-s-tale-50: #def9ff;
--color-whale-s-tale-100: #cdedff;
--color-whale-s-tale-200: #b1daf9;
--color-whale-s-tale-300: #8cbee3;
--color-whale-s-tale-400: #68a6d0;
--color-whale-s-tale-500: #448ebd;
--color-whale-s-tale-600: #3a78a0;
--color-whale-s-tale-700: #2e6080;
--color-whale-s-tale-800: #1f475f;
--color-whale-s-tale-900: #143142;
--color-whale-s-tale-950: #061d2b;
}SCSS
$whale-s-tale: #115a82;
$whale-s-tale-rgb: 17, 90, 130;
$whale-s-tale-light: mix(#fff, $whale-s-tale, 20%);
$whale-s-tale-dark: mix(#000, $whale-s-tale, 20%);
.element {
color: $whale-s-tale;
box-shadow: 0 0 0 2px rgba($whale-s-tale, 0.35);
}