Nazwany kolor · #B5B1BF
Dreamland
Dreamland to #B5B1BF: rgb(181 177 191), hsl(257 10% 72%), oklch(0.768 0.02 299). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dreamland color name →
#B5B1BF
oklch(0.768 0.02 299)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCB9C5
- C3C0CC
- CBC8D2
- D2D0D8
- D9D7DF
- E1DFE5
- E8E7EB
- F0EFF2
- F7F7F8
Odcienie ciemniejsze
- 9D99A6
- 86838D
- 6F6C75
- 59575E
- 444248
- 302F33
- 1D1C1F
- 0C0C0D
- 020102
Tony
- B0ACB9
- AAA7B2
- A5A2AC
- 9F9DA5
- 9A989F
- 959399
- 908E92
- 8A8A8C
- 858586
Harmonie kolorów
Komplementarna +180°
- B5B1BF
Dreamland
- B2B6A7
≈ Dewkissed Rain
Analogowa -30° +30°
- B5B1BF
Dreamland
- AEB3C1
≈ Chivalrous
- BBAFBA
≈ Inner Touch
Triada +120° +240°
- B5B1BF
Dreamland
- BEB1A7
≈ Smokestack
- A7B8B4
≈ Bidwell Blue
Komplementarna rozszczepiona +150° +210°
- B5B1BF
Dreamland
- B9B3A5
≈ Pewter Patter
- ABB7AD
≈ Sigh of Relief
Tetrada +90° +180° +270°
- B5B1BF
Dreamland
- C0AFAC
≈ Oak Ridge
- B2B6A7
≈ Dewkissed Rain
- A6B7BA
≈ Blue Arrow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.00:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
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);
}