Màu có tên · #ACFFFC
Frostbite
Frostbite là #ACFFFC: rgb(172 255 252), hsl(178 100% 84%), oklch(0.946 0.081 193). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Teal mean? → · Frostbite color name →
#ACFFFC
oklch(0.946 0.081 193)
Chuyển đổi màu
- HEX
- #acfffc
- RGB
- rgb(172 255 252)
- HSL
- hsl(178 100% 84%)
- HWB
- hwb(178 67% 0%)
- OKLCH
- oklch(0.946 0.081 193)
- OKLab
- oklab(0.946 -0.078 -0.018)
- CIE Lab
- lab(94.64 -26.61 -7.02)
- LCH
- lch(94.64 27.52 194.8)
- CMYK
- cmyk(33% 0% 1% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B5FFFC
- BFFFFD
- C7FFFD
- D0FFFD
- D8FFFE
- E0FFFE
- E8FFFE
- F0FFFE
- F8FFFF
Sắc đậm
- 95DEDB
- 7FBEBB
- 699E9C
- 54807E
- 406362
- 2D4847
- 1B2E2D
- 0B1616
- 010303
Sắc xám
- A8F2EF
- A5E5E2
- A1D7D5
- 9DCBC9
- 98BEBC
- 94B1B0
- 8FA5A4
- 8A9898
- 858C8C
Hòa sắc
Bổ túc +180°
- ACFFFC
Frostbite
- FFE6E8
≈ Vanilla Strawberry
Tương đồng -30° +30°
- ACFFFC
Frostbite
- BCFFDE
≈ Peppermint Frosting
- D4F3FF
≈ Water
Bộ ba +120° +240°
- ACFFFC
Frostbite
- F6E7FF
≈ Soft Lavender
- FFEACF
≈ Delightful Peach
Bổ túc chia +150° +210°
- ACFFFC
Frostbite
- FFE5F3
≈ Cherubic
- FFE8DE
≈ Chablis
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.13:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.46:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--frostbite: #acfffc;
--frostbite-rgb: 172 255 252;
--frostbite-oklch: oklch(0.946 0.081 193);
}
.element {
color: var(--frostbite);
background-color: hsl(178 100% 84%);
border-color: oklch(0.946 0.081 193);
}Tailwind CSS v4
@theme {
--color-frostbite: #acfffc;
--color-frostbite-50: #dcfdfc;
--color-frostbite-100: #caf1f0;
--color-frostbite-200: #ade0df;
--color-frostbite-300: #86c5c4;
--color-frostbite-400: #61aeab;
--color-frostbite-500: #369795;
--color-frostbite-600: #30807e;
--color-frostbite-700: #266665;
--color-frostbite-800: #1a4b49;
--color-frostbite-900: #113433;
--color-frostbite-950: #03201e;
}SCSS
$frostbite: #acfffc;
$frostbite-rgb: 172, 255, 252;
$frostbite-light: mix(#fff, $frostbite, 20%);
$frostbite-dark: mix(#000, $frostbite, 20%);
.element {
color: $frostbite;
box-shadow: 0 0 0 2px rgba($frostbite, 0.35);
}