이름 색상 · #B6BDD3
Peri Wink
Peri Wink은(는) #B6BDD3: rgb(182 189 211), hsl(226 25% 77%), oklch(0.8 0.032 271.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Peri Wink color name →
#B6BDD3
oklch(0.8 0.032 271.6)
색상 변환
- HEX
- #b6bdd3
- RGB
- rgb(182 189 211)
- HSL
- hsl(226 25% 77%)
- HWB
- hwb(226 71% 17%)
- OKLCH
- oklch(0.8 0.032 271.6)
- OKLab
- oklab(0.8 0.001 -0.032)
- CIE Lab
- lab(76.58 0.8 -11.97)
- LCH
- lch(76.58 12 273.8)
- CMYK
- cmyk(14% 10% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- BDC3D7
- C4CADC
- CBD0E0
- D3D7E5
- DADEE9
- E1E4ED
- E9EBF2
- F0F2F6
- F7F8FB
셰이드
- 9EA4B7
- 868C9C
- 6F7482
- 595D69
- 444751
- 30333A
- 1D1F24
- 0C0D10
- 020202
톤
- B0B7CA
- ABB0C2
- A5AAB9
- A0A4B1
- 9B9EA9
- 9598A0
- 909298
- 8B8C90
- 858688
색 조화
보색 +180°
- B6BDD3
Peri Wink
- C5BDA7
≈ Rippling Stone
유사색 -30° +30°
- B6BDD3
Peri Wink
- ACC1D1
≈ Ruffled Feathers
- C1B9CF
≈ Savile Row
삼각 배색 +120° +240°
- B6BDD3
Peri Wink
- D2B7B1
≈ Oyster Pink
- AFC4B4
≈ Rainee
분열 보색 +150° +210°
- B6BDD3
Peri Wink
- CDBAA9
≈ Smoke Grey
- BAC1AB
≈ Healing Retreat
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.20:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--peri-wink: #b6bdd3;
--peri-wink-rgb: 182 189 211;
--peri-wink-oklch: oklch(0.8 0.032 271.6);
}
.element {
color: var(--peri-wink);
background-color: hsl(226 25% 77%);
border-color: oklch(0.8 0.032 271.6);
}Tailwind CSS v4
@theme {
--color-peri-wink: #b6bdd3;
--color-peri-wink-50: #f2f5ff;
--color-peri-wink-100: #e4e7f3;
--color-peri-wink-200: #d0d4e2;
--color-peri-wink-300: #b2b7c8;
--color-peri-wink-400: #979eb2;
--color-peri-wink-500: #7e859c;
--color-peri-wink-600: #6b7184;
--color-peri-wink-700: #555a6a;
--color-peri-wink-800: #3e424e;
--color-peri-wink-900: #2a2e36;
--color-peri-wink-950: #181a21;
}SCSS
$peri-wink: #b6bdd3;
$peri-wink-rgb: 182, 189, 211;
$peri-wink-light: mix(#fff, $peri-wink, 20%);
$peri-wink-dark: mix(#000, $peri-wink, 20%);
.element {
color: $peri-wink;
box-shadow: 0 0 0 2px rgba($peri-wink, 0.35);
}