Warna bernama · #B2F8F8
Ice Citadel
Ice Citadel adalah #B2F8F8: rgb(178 248 248), hsl(180 83% 84%), oklch(0.933 0.069 196). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Ice Citadel color name →
#B2F8F8
oklch(0.933 0.069 196)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- BAF9F9
- C3FAF9
- CBFAFA
- D3FBFB
- DAFCFC
- E2FCFC
- E9FDFD
- F1FEFE
- F8FEFE
Shade
- 9AD8D8
- 83B8B8
- 6D9A9A
- 577C7C
- 436060
- 2F4545
- 1D2C2C
- 0C1515
- 010303
Tone
- ADEBEB
- A9DFDF
- A4D3D3
- 9FC6C6
- 9ABABA
- 95AEAE
- 90A3A2
- 8B9797
- 868B8B
Harmoni warna
Komplementer +180°
- B2F8F8
Ice Citadel
- FFE0E1
≈ Red Remains
Analog -30° +30°
- B2F8F8
Ice Citadel
- BDF8DE
≈ Seafair Green
- CCF0FF
≈ Heaven’s Gate
Triadik +120° +240°
- B2F8F8
Ice Citadel
- F6E0FF
≈ Sugarpills
- FFE5C0
≈ Cheese Powder
Split-komplementer +150° +210°
- B2F8F8
Ice Citadel
- FFDEEF
≈ Transparent Pink
- FFE2D5
≈ Light Quilt
Tetradik +90° +180° +270°
- B2F8F8
Ice Citadel
- E6E6FF
≈ Lavender Mist
- FFE0E1
≈ Red Remains
- EEEDB7
≈ Chia
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.18:1 · APCA Lc 9
Ag
AAADi atas hitam
WCAG 17.67:1 · APCA Lc 95
Warna teks terbaik: #000000
WCAG 17.67:1 (AAA) · APCA Lc 95
Contrast pairs
Cuplikan kode
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);
}