Named color · #B2F8F8
Ice Citadel
Ice Citadel is #B2F8F8: rgb(178 248 248), hsl(180 83% 84%), oklch(0.933 0.069 196). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Ice Citadel color name →
#B2F8F8
oklch(0.933 0.069 196)
Color conversions
- HEX
- #b2f8f8
- RGB
- rgb(178 248 248)
- HSL
- hsl(180 83% 84%)
- HWB
- hwb(180 70% 3%)
- OKLCH
- oklch(0.933 0.069 196)
- OKLab
- oklab(0.933 -0.067 -0.019)
- CIE Lab
- lab(92.97 -22.47 -7.37)
- LCH
- lch(92.97 23.65 198.2)
- CMYK
- cmyk(28% 0% 0% 3%)
Tints · Shades · Tones
Tints
- BAF9F9
- C3FAF9
- CBFAFA
- D3FBFB
- DAFCFC
- E2FCFC
- E9FDFD
- F1FEFE
- F8FEFE
Shades
- 9AD8D8
- 83B8B8
- 6D9A9A
- 577C7C
- 436060
- 2F4545
- 1D2C2C
- 0C1515
- 010303
Tones
- ADEBEB
- A9DFDF
- A4D3D3
- 9FC6C6
- 9ABABA
- 95AEAE
- 90A3A2
- 8B9797
- 868B8B
Color harmonies
Complementary +180°
- B2F8F8
Ice Citadel
- FFE0E1
≈ Red Remains
Analogous -30° +30°
- B2F8F8
Ice Citadel
- BDF8DE
≈ Seafair Green
- CCF0FF
≈ Heaven’s Gate
Triadic +120° +240°
- B2F8F8
Ice Citadel
- F6E0FF
≈ Sugarpills
- FFE5C0
≈ Cheese Powder
Split-complementary +150° +210°
- B2F8F8
Ice Citadel
- FFDEEF
≈ Transparent Pink
- FFE2D5
≈ Light Quilt
Tetradic +90° +180° +270°
- B2F8F8
Ice Citadel
- E6E6FF
≈ Lavender Mist
- FFE0E1
≈ Red Remains
- EEEDB7
≈ Chia
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.67:1 · APCA Lc 95
Best text color: #000000
WCAG 17.67:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--ice-citadel: #b2f8f8;
--ice-citadel-rgb: 178 248 248;
--ice-citadel-oklch: oklch(0.933 0.069 196);
}
.element {
color: var(--ice-citadel);
background-color: hsl(180 83% 84%);
border-color: oklch(0.933 0.069 196);
}Tailwind CSS v4
@theme {
--color-ice-citadel: #b2f8f8;
--color-ice-citadel-50: #dffcfc;
--color-ice-citadel-100: #cef0f0;
--color-ice-citadel-200: #b3dedf;
--color-ice-citadel-300: #8ec3c4;
--color-ice-citadel-400: #6bacac;
--color-ice-citadel-500: #479595;
--color-ice-citadel-600: #3d7e7e;
--color-ice-citadel-700: #316565;
--color-ice-citadel-800: #224a49;
--color-ice-citadel-900: #173333;
--color-ice-citadel-950: #071f1f;
}SCSS
$ice-citadel: #b2f8f8;
$ice-citadel-rgb: 178, 248, 248;
$ice-citadel-light: mix(#fff, $ice-citadel, 20%);
$ice-citadel-dark: mix(#000, $ice-citadel, 20%);
.element {
color: $ice-citadel;
box-shadow: 0 0 0 2px rgba($ice-citadel, 0.35);
}