이름 색상 · #ACFFFC
Frostbite
Frostbite은(는) #ACFFFC: rgb(172 255 252), hsl(178 100% 84%), oklch(0.946 0.081 193). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Frostbite color name →
#ACFFFC
oklch(0.946 0.081 193)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B5FFFC
- BFFFFD
- C7FFFD
- D0FFFD
- D8FFFE
- E0FFFE
- E8FFFE
- F0FFFE
- F8FFFF
셰이드
- 95DEDB
- 7FBEBB
- 699E9C
- 54807E
- 406362
- 2D4847
- 1B2E2D
- 0B1616
- 010303
톤
- A8F2EF
- A5E5E2
- A1D7D5
- 9DCBC9
- 98BEBC
- 94B1B0
- 8FA5A4
- 8A9898
- 858C8C
색 조화
보색 +180°
- ACFFFC
Frostbite
- FFE6E8
≈ Vanilla Strawberry
유사색 -30° +30°
- ACFFFC
Frostbite
- BCFFDE
≈ Peppermint Frosting
- D4F3FF
≈ Water
삼각 배색 +120° +240°
- ACFFFC
Frostbite
- F6E7FF
≈ Soft Lavender
- FFEACF
≈ Delightful Peach
분열 보색 +150° +210°
- ACFFFC
Frostbite
- FFE5F3
≈ Cherubic
- FFE8DE
≈ Chablis
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.13:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.46:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
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);
}