이름 색상 · #BCD8D2
High Point
High Point은(는) #BCD8D2: rgb(188 216 210), hsl(167 26% 79%), oklch(0.86 0.031 181.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · High Point color name →
#BCD8D2
oklch(0.86 0.031 181.2)
색상 변환
- HEX
- #bcd8d2
- RGB
- rgb(188 216 210)
- HSL
- hsl(167 26% 79%)
- HWB
- hwb(167 74% 15%)
- OKLCH
- oklch(0.86 0.031 181.2)
- OKLab
- oklab(0.86 -0.031 -0.001)
- CIE Lab
- lab(84.13 -10.53 -0.34)
- LCH
- lch(84.13 10.53 181.9)
- CMYK
- cmyk(13% 0% 3% 15%)
틴트 · 셰이드 · 톤
틴트
- C3DCD6
- C9E0DB
- D0E4DF
- D7E8E4
- DDEBE8
- E4EFED
- EBF3F1
- F2F7F6
- F8FBFA
셰이드
- A3BCB6
- 8BA09B
- 738581
- 5D6B68
- 475350
- 323B39
- 1F2524
- 0D1110
- 020202
톤
- B6CFC9
- B0C6C1
- AABDB9
- A4B4B0
- 9EABA8
- 98A2A0
- 929A98
- 8C9190
- 868888
색 조화
보색 +180°
- BCD8D2
High Point
- E3C9CF
≈ Perfume Cloud
유사색 -30° +30°
- BCD8D2
High Point
- C3D7C7
≈ New Moss
- BBD7DD
≈ Light Sky Chase
삼각 배색 +120° +240°
- BCD8D2
High Point
- D4CDE3
≈ Potentially Purple
- E1CDBD
≈ Safari Map
분열 보색 +150° +210°
- BCD8D2
High Point
- DECADA
≈ Lilac Lane
- E5CAC5
≈ Tangy Taffy
사각 배색 +90° +180° +270°
- BCD8D2
High Point
- C9D0E6
≈ Casa del Mar
- E3C9CF
≈ Perfume Cloud
- D8D1BB
≈ Bleached Pebble
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.89:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--high-point: #bcd8d2;
--high-point-rgb: 188 216 210;
--high-point-oklch: oklch(0.86 0.031 181.2);
}
.element {
color: var(--high-point);
background-color: hsl(167 26% 79%);
border-color: oklch(0.86 0.031 181.2);
}Tailwind CSS v4
@theme {
--color-high-point: #bcd8d2;
--color-high-point-50: #ecf8f6;
--color-high-point-100: #ddebe9;
--color-high-point-200: #c7d9d5;
--color-high-point-300: #a7bdb9;
--color-high-point-400: #8ba59f;
--color-high-point-500: #708d87;
--color-high-point-600: #5f7772;
--color-high-point-700: #4c605c;
--color-high-point-800: #374643;
--color-high-point-900: #26302e;
--color-high-point-950: #141d1b;
}SCSS
$high-point: #bcd8d2;
$high-point-rgb: 188, 216, 210;
$high-point-light: mix(#fff, $high-point, 20%);
$high-point-dark: mix(#000, $high-point, 20%);
.element {
color: $high-point;
box-shadow: 0 0 0 2px rgba($high-point, 0.35);
}