Colore con nome · #99CCEE
Fail Whale
Fail Whale è #99CCEE: rgb(153 204 238), hsl(204 71% 77%), oklch(0.821 0.072 238). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fail Whale color name →
#99CCEE
oklch(0.821 0.072 238)
Conversioni di colore
- HEX
- #99ccee
- RGB
- rgb(153 204 238)
- HSL
- hsl(204 71% 77%)
- HWB
- hwb(204 60% 7%)
- OKLCH
- oklch(0.821 0.072 238)
- OKLab
- oklab(0.821 -0.038 -0.061)
- CIE Lab
- lab(79.36 -11.02 -22.51)
- LCH
- lch(79.36 25.06 243.9)
- CMYK
- cmyk(36% 14% 0% 7%)
Tinte · Ombre · Toni
Tinte
- A3D1F0
- AED6F2
- B8DBF4
- C2E1F5
- CCE6F7
- D7EBF9
- E1F0FA
- EBF5FC
- F5FAFD
Ombre
- 84B1CF
- 7097B1
- 5D7E93
- 4A6577
- 384E5C
- 273742
- 17222A
- 080F14
- 010203
Toni
- 97C4E3
- 95BCD7
- 92B5CC
- 90ADC1
- 8EA5B6
- 8B9EAB
- 8896A0
- 868F95
- 83878B
Armonie di colore
Complementare +180°
- 99CCEE
Fail Whale
- E9BA97
≈ Fresh Praline
Analogo -30° +30°
- 99CCEE
Fail Whale
- 8CD2DD
≈ Foaming Surf
- B0C4F4
≈ Larkspur Bud
Triadico +120° +240°
- 99CCEE
Fail Whale
- ECB2C4
≈ Fallen Blossoms
- C0CB97
≈ White Grape
Complementare divisa +150° +210°
- 99CCEE
Fail Whale
- F0B4AB
≈ Mesa Rose
- D8C38F
≈ Chamomile Tea
Tetradico +90° +180° +270°
- 99CCEE
Fail Whale
- DFB5DC
≈ French Lilac
- E9BA97
≈ Fresh Praline
- A6D2AB
≈ Merrylyn
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.22:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.22:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--fail-whale: #99ccee;
--fail-whale-rgb: 153 204 238;
--fail-whale-oklch: oklch(0.821 0.072 238);
}
.element {
color: var(--fail-whale);
background-color: hsl(204 71% 77%);
border-color: oklch(0.821 0.072 238);
}Tailwind CSS v4
@theme {
--color-fail-whale: #99ccee;
--color-fail-whale-50: #e4f9ff;
--color-fail-whale-100: #d3ecfe;
--color-fail-whale-200: #b9d9f0;
--color-fail-whale-300: #97bdd9;
--color-fail-whale-400: #76a5c4;
--color-fail-whale-500: #568db0;
--color-fail-whale-600: #4a7795;
--color-fail-whale-700: #3b6077;
--color-fail-whale-800: #294658;
--color-fail-whale-900: #1b313d;
--color-fail-whale-950: #0b1d27;
}SCSS
$fail-whale: #99ccee;
$fail-whale-rgb: 153, 204, 238;
$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);
}