이름 색상 · #BBDDEE
Ice Rink
Ice Rink은(는) #BBDDEE: rgb(187 221 238), hsl(200 60% 83%), oklch(0.878 0.043 229.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Ice Rink color name →
#BBDDEE
oklch(0.878 0.043 229.5)
색상 변환
- HEX
- #bbddee
- RGB
- rgb(187 221 238)
- HSL
- hsl(200 60% 83%)
- HWB
- hwb(200 73% 7%)
- OKLCH
- oklch(0.878 0.043 229.5)
- OKLab
- oklab(0.878 -0.028 -0.033)
- CIE Lab
- lab(86.04 -8.87 -12.28)
- LCH
- lch(86.04 15.15 234.1)
- CMYK
- cmyk(21% 7% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- C2E0F0
- C9E4F1
- CFE7F3
- D6EBF5
- DDEEF7
- E4F1F8
- EBF5FA
- F1F8FC
- F8FCFD
셰이드
- A2C0CF
- 8AA4B1
- 738893
- 5C6E77
- 46555C
- 323D42
- 1F262A
- 0D1114
- 020203
톤
- B5D3E2
- AFCAD7
- A9C0CC
- A3B7C1
- 9DADB6
- 98A4AB
- 929BA0
- 8C9295
- 86898A
색 조화
보색 +180°
- BBDDEE
Ice Rink
- F0CFBF
≈ Peach Blossom Red
유사색 -30° +30°
- BBDDEE
Ice Rink
- B7E0E2
≈ Fine Blue
- C7D8F4
≈ Fly a Kite
삼각 배색 +120° +240°
- BBDDEE
Ice Rink
- EECCDB
≈ LA Vibes
- D8DABA
≈ Apple Cucumber
분열 보색 +150° +210°
- BBDDEE
Ice Rink
- F2CCCC
≈ Abloom
- E6D4B8
≈ Dust Storm
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.69:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--ice-rink: #bbddee;
--ice-rink-rgb: 187 221 238;
--ice-rink-oklch: oklch(0.878 0.043 229.5);
}
.element {
color: var(--ice-rink);
background-color: hsl(200 60% 83%);
border-color: oklch(0.878 0.043 229.5);
}Tailwind CSS v4
@theme {
--color-ice-rink: #bbddee;
--color-ice-rink-50: #eaf8ff;
--color-ice-rink-100: #daebf4;
--color-ice-rink-200: #c3d8e4;
--color-ice-rink-300: #a2bcca;
--color-ice-rink-400: #85a4b3;
--color-ice-rink-500: #698c9d;
--color-ice-rink-600: #597685;
--color-ice-rink-700: #475f6a;
--color-ice-rink-800: #33464e;
--color-ice-rink-900: #223036;
--color-ice-rink-950: #121c21;
}SCSS
$ice-rink: #bbddee;
$ice-rink-rgb: 187, 221, 238;
$ice-rink-light: mix(#fff, $ice-rink, 20%);
$ice-rink-dark: mix(#000, $ice-rink, 20%);
.element {
color: $ice-rink;
box-shadow: 0 0 0 2px rgba($ice-rink, 0.35);
}