Couleur nommée la plus proche · #005D84
#005D84
Couleur nommée la plus proche: Whale’s Tale
#005D84 (rgb(0 93 132), hsl(198 100% 26%), oklch(0.452 0.097 235.8)) est la plus proche de la couleur nommée Whale’s Tale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#005D84
oklch(0.452 0.097 235.8)
Conversions de couleur
- HEX
- #005d84
- RGB
- rgb(0 93 132)
- HSL
- hsl(198 100% 26%)
- HWB
- hwb(198 0% 48%)
- OKLCH
- oklch(0.452 0.097 235.8)
- OKLab
- oklab(0.452 -0.055 -0.08)
- CIE Lab
- lab(36.45 -12.5 -28.93)
- LCH
- lch(36.45 31.51 246.6)
- CMYK
- cmyk(100% 30% 0% 48%)
Teintes · Ombres · Tons
Teintes
- 2A6C90
- 447C9C
- 5C8CA9
- 739CB5
- 8AACC1
- A1BCCD
- B8CDDA
- CFDDE6
- E7EEF3
Ombres
- 005072
- 004360
- 00374F
- 002A3F
- 001F2F
- 001420
- 000A12
- 000306
- 000001
Tons
- 1C6184
- 2C6584
- 396884
- 446C83
- 4F6F83
- 597383
- 637682
- 6D7A82
- 777D81
Harmonies de couleurs
Complémentaire +180°
- 005D84
Whale’s Tale
- 7E4517
≈ Russet
Analogue -30° +30°
- 005D84
Whale’s Tale
- 00626B
≈ Turkish Aqua
- 3C538C
≈ Demon Blue
Triadique +120° +240°
- 005D84
Whale’s Tale
- 7F3D58
≈ Ancient Royal Banner
- 545C0D
≈ Greensboro
Complémentaire divisée +150° +210°
- 005D84
Whale’s Tale
- 833E39
≈ Kilauea Lava
- 6D5100
≈ Ayahuasca Vine
Tétradique +90° +180° +270°
- 005D84
Whale’s Tale
- 714173
≈ Wood Violet
- 7E4517
≈ Russet
- 2D6433
≈ Gameboy Shade
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.24:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.89:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--whale-s-tale: #005d84;
--whale-s-tale-rgb: 0 93 132;
--whale-s-tale-oklch: oklch(0.452 0.097 235.8);
}
.element {
color: var(--whale-s-tale);
background-color: hsl(198 100% 26%);
border-color: oklch(0.452 0.097 235.8);
}Tailwind CSS v4
@theme {
--color-whale-s-tale: #005d84;
--color-whale-s-tale-50: #dcfaff;
--color-whale-s-tale-100: #cbedff;
--color-whale-s-tale-200: #aedbf9;
--color-whale-s-tale-300: #88bfe3;
--color-whale-s-tale-400: #62a7d0;
--color-whale-s-tale-500: #3a90bd;
--color-whale-s-tale-600: #3379a0;
--color-whale-s-tale-700: #286180;
--color-whale-s-tale-800: #1a485f;
--color-whale-s-tale-900: #113242;
--color-whale-s-tale-950: #031d2b;
}SCSS
$whale-s-tale: #005d84;
$whale-s-tale-rgb: 0, 93, 132;
$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);
}