Nazwany kolor · #B1A7B7
Amorphous Rose
Amorphous Rose to #B1A7B7: rgb(177 167 183), hsl(278 10% 69%), oklch(0.742 0.025 313.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Amorphous Rose color name →
#B1A7B7
oklch(0.742 0.025 313.1)
Konwersje koloru
- HEX
- #b1a7b7
- RGB
- rgb(177 167 183)
- HSL
- hsl(278 10% 69%)
- HWB
- hwb(278 65% 28%)
- OKLCH
- oklch(0.742 0.025 313.1)
- OKLab
- oklab(0.742 0.017 -0.018)
- CIE Lab
- lab(69.72 5.97 -6.9)
- LCH
- lch(69.72 9.12 310.9)
- CMYK
- cmyk(3% 9% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9AFBE
- C0B8C5
- C8C1CC
- D0C9D3
- D7D2DB
- DFDBE2
- E7E4E9
- EFEDF0
- F7F6F8
Odcienie ciemniejsze
- 99919F
- 837B87
- 6C6670
- 57525A
- 423E45
- 2F2C31
- 1C1A1E
- 0C0A0C
- 010102
Tony
- ACA3B1
- A79FAC
- A29BA6
- 9D97A1
- 98939B
- 938F96
- 8E8C90
- 8A888B
- 858485
Harmonie kolorów
Komplementarna +180°
- B1A7B7
Amorphous Rose
- A5AF9F
≈ Tranquil Green
Analogowa -30° +30°
- B1A7B7
Amorphous Rose
- A9AABB
≈ Cream Violet
- B8A5AF
≈ Foggy Plum
Triada +120° +240°
- B1A7B7
Amorphous Rose
- B5A99A
≈ Fine Greige
- 9AB1B0
≈ Smooth-Hound Shark
Komplementarna rozszczepiona +150° +210°
- B1A7B7
Amorphous Rose
- AEAC9A
≈ Ara Glen
- 9EB1A7
≈ Powdered Gum
Tetrada +90° +180° +270°
- B1A7B7
Amorphous Rose
- BAA79F
≈ Prestige
- A5AF9F
≈ Tranquil Green
- 9BAFB7
≈ Electric Slide
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.08:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.08:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--amorphous-rose: #b1a7b7;
--amorphous-rose-rgb: 177 167 183;
--amorphous-rose-oklch: oklch(0.742 0.025 313.1);
}
.element {
color: var(--amorphous-rose);
background-color: hsl(278 10% 69%);
border-color: oklch(0.742 0.025 313.1);
}Tailwind CSS v4
@theme {
--color-amorphous-rose: #b1a7b7;
--color-amorphous-rose-50: #f8f3fa;
--color-amorphous-rose-100: #ebe5ee;
--color-amorphous-rose-200: #d8d1dc;
--color-amorphous-rose-300: #bcb4c0;
--color-amorphous-rose-400: #a49aa9;
--color-amorphous-rose-500: #8c8292;
--color-amorphous-rose-600: #776e7c;
--color-amorphous-rose-700: #5f5863;
--color-amorphous-rose-800: #454049;
--color-amorphous-rose-900: #302c33;
--color-amorphous-rose-950: #1c191e;
}SCSS
$amorphous-rose: #b1a7b7;
$amorphous-rose-rgb: 177, 167, 183;
$amorphous-rose-light: mix(#fff, $amorphous-rose, 20%);
$amorphous-rose-dark: mix(#000, $amorphous-rose, 20%);
.element {
color: $amorphous-rose;
box-shadow: 0 0 0 2px rgba($amorphous-rose, 0.35);
}