이름 색상 · #B5B1BF
Dreamland
Dreamland은(는) #B5B1BF: rgb(181 177 191), hsl(257 10% 72%), oklch(0.768 0.02 299). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dreamland color name →
#B5B1BF
oklch(0.768 0.02 299)
색상 변환
- HEX
- #b5b1bf
- RGB
- rgb(181 177 191)
- HSL
- hsl(257 10% 72%)
- HWB
- hwb(257 69% 25%)
- OKLCH
- oklch(0.768 0.02 299)
- OKLab
- oklab(0.768 0.01 -0.018)
- CIE Lab
- lab(72.86 3.46 -6.62)
- LCH
- lch(72.86 7.47 297.6)
- CMYK
- cmyk(5% 7% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- BCB9C5
- C3C0CC
- CBC8D2
- D2D0D8
- D9D7DF
- E1DFE5
- E8E7EB
- F0EFF2
- F7F7F8
셰이드
- 9D99A6
- 86838D
- 6F6C75
- 59575E
- 444248
- 302F33
- 1D1C1F
- 0C0C0D
- 020102
톤
- B0ACB9
- AAA7B2
- A5A2AC
- 9F9DA5
- 9A989F
- 959399
- 908E92
- 8A8A8C
- 858586
색 조화
보색 +180°
- B5B1BF
Dreamland
- B2B6A7
≈ Dewkissed Rain
유사색 -30° +30°
- B5B1BF
Dreamland
- AEB3C1
≈ Chivalrous
- BBAFBA
≈ Inner Touch
삼각 배색 +120° +240°
- B5B1BF
Dreamland
- BEB1A7
≈ Smokestack
- A7B8B4
≈ Bidwell Blue
분열 보색 +150° +210°
- B5B1BF
Dreamland
- B9B3A5
≈ Pewter Patter
- ABB7AD
≈ Sigh of Relief
사각 배색 +90° +180° +270°
- B5B1BF
Dreamland
- C0AFAC
≈ Oak Ridge
- B2B6A7
≈ Dewkissed Rain
- A6B7BA
≈ Blue Arrow
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.00:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--dreamland: #b5b1bf;
--dreamland-rgb: 181 177 191;
--dreamland-oklch: oklch(0.768 0.02 299);
}
.element {
color: var(--dreamland);
background-color: hsl(257 10% 72%);
border-color: oklch(0.768 0.02 299);
}Tailwind CSS v4
@theme {
--color-dreamland: #b5b1bf;
--color-dreamland-50: #f6f4fa;
--color-dreamland-100: #e9e6ee;
--color-dreamland-200: #d5d2dc;
--color-dreamland-300: #b9b5c0;
--color-dreamland-400: #a09ca9;
--color-dreamland-500: #888392;
--color-dreamland-600: #736f7c;
--color-dreamland-700: #5c5963;
--color-dreamland-800: #434149;
--color-dreamland-900: #2e2d32;
--color-dreamland-950: #1b1a1e;
}SCSS
$dreamland: #b5b1bf;
$dreamland-rgb: 181, 177, 191;
$dreamland-light: mix(#fff, $dreamland, 20%);
$dreamland-dark: mix(#000, $dreamland, 20%);
.element {
color: $dreamland;
box-shadow: 0 0 0 2px rgba($dreamland, 0.35);
}