Dichtstbijzijnde benoemde kleur · #9BCCE9
#9BCCE9
Dichtstbijzijnde benoemde kleur: Fail Whale
#9BCCE9 (rgb(155 204 233), hsl(202 64% 76%), oklch(0.821 0.066 234.6)) komt het dichtst bij de benoemde kleur Fail Whale. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9BCCE9
oklch(0.821 0.066 234.6)
Kleurconversies
- HEX
- #9bcce9
- RGB
- rgb(155 204 233)
- HSL
- hsl(202 64% 76%)
- HWB
- hwb(202 61% 9%)
- OKLCH
- oklch(0.821 0.066 234.6)
- OKLab
- oklab(0.821 -0.038 -0.053)
- CIE Lab
- lab(79.34 -11.39 -19.87)
- LCH
- lch(79.34 22.9 240.2)
- CMYK
- cmyk(33% 12% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- A5D1EB
- AFD6EE
- B9DBF0
- C3E0F2
- CDE6F4
- D7EBF7
- E1F0F9
- EBF5FB
- F5FAFD
Schaduwen
- 86B1CB
- 7297AD
- 5E7E90
- 4B6574
- 394E5A
- 283741
- 182229
- 090F13
- 010203
Tonen
- 99C4DE
- 96BCD3
- 94B5C9
- 91ADBE
- 8EA5B3
- 8C9EA9
- 89969F
- 868F94
- 83878A
Kleurharmonieën
Complementair +180°
- 9BCCE9
Fail Whale
- E7BA9C
≈ Sumptuous Peach
Analoog -30° +30°
- 9BCCE9
Fail Whale
- 91D1D8
≈ Aroma Blue
- AFC5F0
≈ Promise Keeping
Triadisch +120° +240°
- 9BCCE9
Fail Whale
- E8B3C7
≈ Athena Pink
- C3CA99
≈ Dappled Daydream
Gesplitst complementair +150° +210°
- 9BCCE9
Fail Whale
- ECB4AF
≈ Mesa Rose
- D8C294
≈ Chamomile Tea
Tetradisch +90° +180° +270°
- 9BCCE9
Fail Whale
- DAB6DC
≈ French Lilac
- E7BA9C
≈ Sumptuous Peach
- ABD0AA
≈ Garden Room
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOp zwart
WCAG 12.20:1 · APCA Lc 72
Beste tekstkleur: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--fail-whale: #9bcce9;
--fail-whale-rgb: 155 204 233;
--fail-whale-oklch: oklch(0.821 0.066 234.6);
}
.element {
color: var(--fail-whale);
background-color: hsl(202 64% 76%);
border-color: oklch(0.821 0.066 234.6);
}Tailwind CSS v4
@theme {
--color-fail-whale: #9bcce9;
--color-fail-whale-50: #e4f9ff;
--color-fail-whale-100: #d4ecfb;
--color-fail-whale-200: #bbd9ed;
--color-fail-whale-300: #98bdd5;
--color-fail-whale-400: #78a5c0;
--color-fail-whale-500: #598eab;
--color-fail-whale-600: #4c7891;
--color-fail-whale-700: #3c6074;
--color-fail-whale-800: #2a4655;
--color-fail-whale-900: #1c313c;
--color-fail-whale-950: #0c1d25;
}SCSS
$fail-whale: #9bcce9;
$fail-whale-rgb: 155, 204, 233;
$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);
}