이름 색상 · #BEDDD5
Pinnacle
Pinnacle은(는) #BEDDD5: rgb(190 221 213), hsl(165 31% 81%), oklch(0.873 0.035 178.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pinnacle color name →
#BEDDD5
oklch(0.873 0.035 178.2)
색상 변환
- HEX
- #beddd5
- RGB
- rgb(190 221 213)
- HSL
- hsl(165 31% 81%)
- HWB
- hwb(165 75% 13%)
- OKLCH
- oklch(0.873 0.035 178.2)
- OKLab
- oklab(0.873 -0.035 0.001)
- CIE Lab
- lab(85.67 -11.79 0.31)
- LCH
- lch(85.67 11.79 178.5)
- CMYK
- cmyk(14% 0% 4% 13%)
틴트 · 셰이드 · 톤
틴트
- C5E0D9
- CBE4DD
- D2E7E1
- D8EBE6
- DFEEEA
- E5F1EE
- EBF5F2
- F2F8F6
- F8FCFB
셰이드
- A5C0B9
- 8CA49E
- 758883
- 5E6E6A
- 485551
- 333D3A
- 1F2624
- 0D1110
- 020202
톤
- B8D3CC
- B1CAC3
- ABC0BB
- A5B7B2
- 9FADAA
- 99A4A1
- 929B99
- 8C9290
- 868988
색 조화
보색 +180°
- BEDDD5
Pinnacle
- E9CCD5
≈ Queen Pink
유사색 -30° +30°
- BEDDD5
Pinnacle
- C7DCC9
≈ Misty Afternoon
- BCDCE1
≈ Quick-Freeze
삼각 배색 +120° +240°
- BEDDD5
Pinnacle
- D7D1E9
≈ Air Castle
- E7D0BF
≈ Farm-Fresh Eggs
분열 보색 +150° +210°
- BEDDD5
Pinnacle
- E2CDE1
≈ Orchid Shimmer
- EBCDC9
≈ Cameo Peach
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.49:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--pinnacle: #beddd5;
--pinnacle-rgb: 190 221 213;
--pinnacle-oklch: oklch(0.873 0.035 178.2);
}
.element {
color: var(--pinnacle);
background-color: hsl(165 31% 81%);
border-color: oklch(0.873 0.035 178.2);
}Tailwind CSS v4
@theme {
--color-pinnacle: #beddd5;
--color-pinnacle-50: #ebf9f5;
--color-pinnacle-100: #dcece8;
--color-pinnacle-200: #c5d9d5;
--color-pinnacle-300: #a5beb8;
--color-pinnacle-400: #89a59e;
--color-pinnacle-500: #6e8e86;
--color-pinnacle-600: #5d7871;
--color-pinnacle-700: #4a605b;
--color-pinnacle-800: #364642;
--color-pinnacle-900: #25312d;
--color-pinnacle-950: #131d1a;
}SCSS
$pinnacle: #beddd5;
$pinnacle-rgb: 190, 221, 213;
$pinnacle-light: mix(#fff, $pinnacle, 20%);
$pinnacle-dark: mix(#000, $pinnacle, 20%);
.element {
color: $pinnacle;
box-shadow: 0 0 0 2px rgba($pinnacle, 0.35);
}