Couleur nommée la plus proche · #9FCBE5
#9FCBE5
Couleur nommée la plus proche: Fail Whale
#9FCBE5 (rgb(159 203 229), hsl(202 57% 76%), oklch(0.82 0.059 234.4)) 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.
#9FCBE5
oklch(0.82 0.059 234.4)
Conversions de couleur
- HEX
- #9fcbe5
- RGB
- rgb(159 203 229)
- HSL
- hsl(202 57% 76%)
- HWB
- hwb(202 62% 10%)
- OKLCH
- oklch(0.82 0.059 234.4)
- OKLab
- oklab(0.82 -0.034 -0.048)
- CIE Lab
- lab(79.2 -10.46 -17.92)
- LCH
- lch(79.2 20.74 239.7)
- CMYK
- cmyk(31% 11% 0% 10%)
Teintes · Ombres · Tons
Teintes
- A9D0E8
- B2D5EA
- BCDBED
- C6E0F0
- CFE5F2
- D9EAF5
- E2EFF7
- ECF5FA
- F5FAFD
Ombres
- 8AB0C7
- 7596AA
- 617D8E
- 4D6572
- 3B4D58
- 29373F
- 182228
- 090F12
- 010203
Tons
- 9CC3DB
- 99BCD0
- 96B4C6
- 93ACBC
- 90A5B1
- 8D9DA7
- 8A969D
- 878F93
- 83878A
Harmonies de couleurs
Complémentaire +180°
- 9FCBE5
Fail Whale
- E3BAA0
≈ Warming Peach
Analogue -30° +30°
- 9FCBE5
Fail Whale
- 97D0D6
≈ Aroma Blue
- B1C4EB
≈ Promise Keeping
Triadique +120° +240°
- 9FCBE5
Fail Whale
- E4B5C6
≈ Japanese Rose Garden
- C3C99D
≈ Seedling
Complémentaire divisée +150° +210°
- 9FCBE5
Fail Whale
- E8B6B1
≈ Pensive Pink
- D6C299
≈ Grain Mill
Tétradique +90° +180° +270°
- 9FCBE5
Fail Whale
- D8B7DA
≈ French Lilac
- E3BAA0
≈ Warming Peach
- ADCFAC
≈ Garden Room
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.72:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.14:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--fail-whale: #9fcbe5;
--fail-whale-rgb: 159 203 229;
--fail-whale-oklch: oklch(0.82 0.059 234.4);
}
.element {
color: var(--fail-whale);
background-color: hsl(202 57% 76%);
border-color: oklch(0.82 0.059 234.4);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9fcbe5;
--color-fail-whale-50: #e6f8ff;
--color-fail-whale-100: #d6ebf9;
--color-fail-whale-200: #bdd9eb;
--color-fail-whale-300: #9bbdd2;
--color-fail-whale-400: #7ca5bd;
--color-fail-whale-500: #5e8da8;
--color-fail-whale-600: #50778e;
--color-fail-whale-700: #405f72;
--color-fail-whale-800: #2d4654;
--color-fail-whale-900: #1e313a;
--color-fail-whale-950: #0e1d24;
}SCSS
$fail-whale: #9fcbe5;
$fail-whale-rgb: 159, 203, 229;
$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);
}