Couleur nommée la plus proche · #9ECCF1
#9ECCF1
Couleur nommée la plus proche: Fail Whale
#9ECCF1 (rgb(158 204 241), hsl(207 75% 78%), oklch(0.826 0.071 243)) est la plus proche de la couleur nommée Fail Whale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9ECCF1
oklch(0.826 0.071 243)
Conversions de couleur
- HEX
- #9eccf1
- RGB
- rgb(158 204 241)
- HSL
- hsl(207 75% 78%)
- HWB
- hwb(207 62% 5%)
- OKLCH
- oklch(0.826 0.071 243)
- OKLab
- oklab(0.826 -0.032 -0.063)
- CIE Lab
- lab(79.74 -8.99 -23.49)
- LCH
- lch(79.74 25.15 249.1)
- CMYK
- cmyk(34% 15% 0% 5%)
Teintes · Ombres · Tons
Teintes
- A8D1F3
- B2D6F4
- BBDBF6
- C5E1F7
- CFE6F9
- D8EBFA
- E2F0FB
- ECF5FD
- F5FAFE
Ombres
- 89B1D2
- 7497B3
- 607E95
- 4D6579
- 3A4E5D
- 293743
- 18222B
- 090F14
- 010203
Tons
- 9BC4E5
- 99BCDA
- 96B5CE
- 93ADC3
- 90A5B7
- 8D9EAC
- 8A96A1
- 878F96
- 83878B
Harmonies de couleurs
Complémentaire +180°
- 9ECCF1
Fail Whale
- E8BC96
≈ Queen Conch Shell
Analogue -30° +30°
- 9ECCF1
Fail Whale
- 8FD3E2
≈ Piccolo
- B6C4F5
≈ Vodka
Triadique +120° +240°
- 9ECCF1
Fail Whale
- EFB3C1
≈ Fallen Blossoms
- BDCE9B
≈ Fava Bean
Complémentaire divisée +150° +210°
- 9ECCF1
Fail Whale
- F0B6A8
≈ Pink Mimosa
- D6C591
≈ Vast Escape
Tétradique +90° +180° +270°
- 9ECCF1
Fail Whale
- E3B5DA
≈ Pink Gems
- E8BC96
≈ Queen Conch Shell
- A3D4B0
≈ Nihilakh Oxide
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.36:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--fail-whale: #9eccf1;
--fail-whale-rgb: 158 204 241;
--fail-whale-oklch: oklch(0.826 0.071 243);
}
.element {
color: var(--fail-whale);
background-color: hsl(207 75% 78%);
border-color: oklch(0.826 0.071 243);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9eccf1;
--color-fail-whale-50: #e5f8ff;
--color-fail-whale-100: #d5ebff;
--color-fail-whale-200: #bcd8f1;
--color-fail-whale-300: #99bcda;
--color-fail-whale-400: #7aa4c6;
--color-fail-whale-500: #5b8cb2;
--color-fail-whale-600: #4e7696;
--color-fail-whale-700: #3e5f78;
--color-fail-whale-800: #2b4659;
--color-fail-whale-900: #1d303e;
--color-fail-whale-950: #0d1c27;
}SCSS
$fail-whale: #9eccf1;
$fail-whale-rgb: 158, 204, 241;
$fail-whale-light: mix(#fff, $fail-whale, 20%);
$fail-whale-dark: mix(#000, $fail-whale, 20%);
.element {
color: $fail-whale;
box-shadow: 0 0 0 2px rgba($fail-whale, 0.35);
}