이름 색상 · #BBEEFF
Ice Effect
Ice Effect은(는) #BBEEFF: rgb(187 238 255), hsl(195 100% 87%), oklch(0.919 0.057 220.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Ice Effect color name →
#BBEEFF
oklch(0.919 0.057 220.2)
색상 변환
- HEX
- #bbeeff
- RGB
- rgb(187 238 255)
- HSL
- hsl(195 100% 87%)
- HWB
- hwb(195 73% 0%)
- OKLCH
- oklch(0.919 0.057 220.2)
- OKLab
- oklab(0.919 -0.043 -0.037)
- CIE Lab
- lab(90.97 -14.05 -13.86)
- LCH
- lch(90.97 19.73 224.6)
- CMYK
- cmyk(27% 7% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- C2F0FF
- C9F2FF
- D0F3FF
- D7F5FF
- DEF7FF
- E5F8FF
- EBFAFF
- F2FCFF
- F8FDFF
셰이드
- A2CFDE
- 8AB1BE
- 73939E
- 5C7780
- 465C63
- 324248
- 1F2A2E
- 0D1416
- 020303
톤
- B5E3F2
- AFD7E4
- AACCD7
- A4C1CA
- 9EB6BE
- 98ABB1
- 92A0A4
- 8C9598
- 868A8C
색 조화
보색 +180°
- BBEEFF
Ice Effect
- FFDCCF
≈ Glazed Sugar
유사색 -30° +30°
- BBEEFF
Ice Effect
- B9F1ED
≈ Cold Blooded
- D1E7FF
≈ Veiling Waterfalls
삼각 배색 +120° +240°
- BBEEFF
Ice Effect
- FFD7F0
≈ Sweet Sachet
- EDE6BB
≈ Slices of Happy
분열 보색 +150° +210°
- BBEEFF
Ice Effect
- FFD9DE
≈ Satin Ribbon
- FEDFBC
≈ Almondine
사각 배색 +90° +180° +270°
- BBEEFF
Ice Effect
- EFDBFF
≈ Lavender Savour
- FFDCCF
≈ Glazed Sugar
- D8EDC5
≈ Greenette
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.78:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--ice-effect: #bbeeff;
--ice-effect-rgb: 187 238 255;
--ice-effect-oklch: oklch(0.919 0.057 220.2);
}
.element {
color: var(--ice-effect);
background-color: hsl(195 100% 87%);
border-color: oklch(0.919 0.057 220.2);
}Tailwind CSS v4
@theme {
--color-ice-effect: #bbeeff;
--color-ice-effect-50: #e4f9ff;
--color-ice-effect-100: #d4edf6;
--color-ice-effect-200: #bbdae6;
--color-ice-effect-300: #98bfcd;
--color-ice-effect-400: #79a7b6;
--color-ice-effect-500: #598fa1;
--color-ice-effect-600: #4c7988;
--color-ice-effect-700: #3d616d;
--color-ice-effect-800: #2b4750;
--color-ice-effect-900: #1d3137;
--color-ice-effect-950: #0d1d22;
}SCSS
$ice-effect: #bbeeff;
$ice-effect-rgb: 187, 238, 255;
$ice-effect-light: mix(#fff, $ice-effect, 20%);
$ice-effect-dark: mix(#000, $ice-effect, 20%);
.element {
color: $ice-effect;
box-shadow: 0 0 0 2px rgba($ice-effect, 0.35);
}