Nazwany kolor · #B1C7C9
Restful Retreat
Restful Retreat to #B1C7C9: rgb(177 199 201), hsl(185 18% 74%), oklch(0.814 0.024 203.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Restful Retreat color name →
#B1C7C9
oklch(0.814 0.024 203.3)
Konwersje koloru
- HEX
- #b1c7c9
- RGB
- rgb(177 199 201)
- HSL
- hsl(185 18% 74%)
- HWB
- hwb(185 69% 21%)
- OKLCH
- oklch(0.814 0.024 203.3)
- OKLab
- oklab(0.814 -0.022 -0.01)
- CIE Lab
- lab(78.62 -7.41 -3.67)
- LCH
- lch(78.62 8.27 206.3)
- CMYK
- cmyk(12% 1% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9CCCE
- C0D2D4
- C8D8D9
- D0DDDE
- D8E3E4
- DFE8E9
- E7EEEF
- EFF4F4
- F7F9F9
Odcienie ciemniejsze
- 99ADAE
- 839395
- 6C7A7C
- 576264
- 424C4C
- 2F3636
- 1C2122
- 0C0E0F
- 010202
Tony
- ACC0C1
- A7B8BA
- A2B1B2
- 9DAAAB
- 98A3A4
- 939C9C
- 8F9595
- 8A8E8E
- 858787
Harmonie kolorów
Komplementarna +180°
- B1C7C9
Restful Retreat
- D1BCBB
≈ Moth Pink
Analogowa -30° +30°
- B1C7C9
Restful Retreat
- B3C7C1
≈ Fresh Tone
- B4C5CF
≈ Star Mist
Triada +120° +240°
- B1C7C9
Restful Retreat
- CABDCB
≈ My Mona
- CAC1B1
≈ Neutra
Komplementarna rozszczepiona +150° +210°
- B1C7C9
Restful Retreat
- D0BCC3
≈ Queen’s Tart
- CFBEB4
≈ Summer Bloom
Tetrada +90° +180° +270°
- B1C7C9
Restful Retreat
- C2BFD1
≈ Silver Dagger
- D1BCBB
≈ Moth Pink
- C2C4B3
≈ Moonshine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.88:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--restful-retreat: #b1c7c9;
--restful-retreat-rgb: 177 199 201;
--restful-retreat-oklch: oklch(0.814 0.024 203.3);
}
.element {
color: var(--restful-retreat);
background-color: hsl(185 18% 74%);
border-color: oklch(0.814 0.024 203.3);
}Tailwind CSS v4
@theme {
--color-restful-retreat: #b1c7c9;
--color-restful-retreat-50: #eef7f8;
--color-restful-retreat-100: #dfeaec;
--color-restful-retreat-200: #c9d7d9;
--color-restful-retreat-300: #aabbbd;
--color-restful-retreat-400: #8fa3a5;
--color-restful-retreat-500: #748b8d;
--color-restful-retreat-600: #637678;
--color-restful-retreat-700: #4f5e60;
--color-restful-retreat-800: #394546;
--color-restful-retreat-900: #273030;
--color-restful-retreat-950: #151c1d;
}SCSS
$restful-retreat: #b1c7c9;
$restful-retreat-rgb: 177, 199, 201;
$restful-retreat-light: mix(#fff, $restful-retreat, 20%);
$restful-retreat-dark: mix(#000, $restful-retreat, 20%);
.element {
color: $restful-retreat;
box-shadow: 0 0 0 2px rgba($restful-retreat, 0.35);
}