이름 색상 · #BEC6D6
Himalayan Poppy
Himalayan Poppy은(는) #BEC6D6: rgb(190 198 214), hsl(220 23% 79%), oklch(0.825 0.024 264.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Himalayan Poppy color name →
#BEC6D6
oklch(0.825 0.024 264.4)
색상 변환
- HEX
- #bec6d6
- RGB
- rgb(190 198 214)
- HSL
- hsl(220 23% 79%)
- HWB
- hwb(220 75% 16%)
- OKLCH
- oklch(0.825 0.024 264.4)
- OKLab
- oklab(0.825 -0.002 -0.024)
- CIE Lab
- lab(79.62 -0.49 -9.01)
- LCH
- lch(79.62 9.02 266.9)
- CMYK
- cmyk(11% 7% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- C4CCDA
- CBD1DE
- D1D7E2
- D8DDE6
- DEE2EA
- E5E8EF
- EBEEF3
- F2F3F7
- F8F9FB
셰이드
- A5ACBA
- 8C929E
- 757A84
- 5E626A
- 484B52
- 33353B
- 1F2125
- 0D0E10
- 020202
톤
- B8BFCD
- B1B8C4
- ABB0BB
- A5A9B3
- 9EA2AA
- 989BA1
- 929499
- 8C8E91
- 868788
색 조화
보색 +180°
- BEC6D6
Himalayan Poppy
- CDC5B5
≈ Slumber Sloth
유사색 -30° +30°
- BEC6D6
Himalayan Poppy
- B7C9D3
≈ Rich Porcelain Blue
- C6C3D4
≈ Pale Violet
삼각 배색 +120° +240°
- BEC6D6
Himalayan Poppy
- D5C0BE
≈ Salmon Smoke
- BDCABC
≈ Desert Panzer
분열 보색 +150° +210°
- BEC6D6
Himalayan Poppy
- D3C2B7
≈ Rabbit’s Foot
- C5C8B6
≈ Wabi-Sabi
사각 배색 +90° +180° +270°
- BEC6D6
Himalayan Poppy
- D3C0C7
≈ Elusive Violet
- CDC5B5
≈ Slumber Sloth
- B7CBC5
≈ Sea Sprite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.23:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--himalayan-poppy: #bec6d6;
--himalayan-poppy-rgb: 190 198 214;
--himalayan-poppy-oklch: oklch(0.825 0.024 264.4);
}
.element {
color: var(--himalayan-poppy);
background-color: hsl(220 23% 79%);
border-color: oklch(0.825 0.024 264.4);
}Tailwind CSS v4
@theme {
--color-himalayan-poppy: #bec6d6;
--color-himalayan-poppy-50: #f2f5fc;
--color-himalayan-poppy-100: #e4e8f0;
--color-himalayan-poppy-200: #cfd4df;
--color-himalayan-poppy-300: #b2b7c4;
--color-himalayan-poppy-400: #979fad;
--color-himalayan-poppy-500: #7e8697;
--color-himalayan-poppy-600: #6b727f;
--color-himalayan-poppy-700: #555b66;
--color-himalayan-poppy-800: #3e434b;
--color-himalayan-poppy-900: #2b2e34;
--color-himalayan-poppy-950: #181b1f;
}SCSS
$himalayan-poppy: #bec6d6;
$himalayan-poppy-rgb: 190, 198, 214;
$himalayan-poppy-light: mix(#fff, $himalayan-poppy, 20%);
$himalayan-poppy-dark: mix(#000, $himalayan-poppy, 20%);
.element {
color: $himalayan-poppy;
box-shadow: 0 0 0 2px rgba($himalayan-poppy, 0.35);
}