Nazwany kolor · #B19475
Cliff Rock
Cliff Rock to #B19475: rgb(177 148 117), hsl(31 28% 58%), oklch(0.685 0.055 68.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cliff Rock color name →
#B19475
oklch(0.685 0.055 68.6)
Konwersje koloru
- HEX
- #b19475
- RGB
- rgb(177 148 117)
- HSL
- hsl(31 28% 58%)
- HWB
- hwb(31 46% 31%)
- OKLCH
- oklch(0.685 0.055 68.6)
- OKLab
- oklab(0.685 0.02 0.052)
- CIE Lab
- lab(63.42 7.85 20.71)
- LCH
- lch(63.42 22.15 69.2)
- CMYK
- cmyk(0% 16% 34% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B99E82
- C0A990
- C8B39D
- D0BEAB
- D8C8B9
- E0D3C6
- E7DED4
- EFE9E2
- F7F4F1
Odcienie ciemniejsze
- 998065
- 836D55
- 6C5A46
- 574837
- 423629
- 2F261C
- 1C160F
- 0C0805
- 010101
Tony
- AC9276
- A79078
- A28E79
- 9D8C7A
- 988A7B
- 94887C
- 8F867D
- 8A847E
- 85827F
Harmonie kolorów
Komplementarna +180°
- B19475
Cliff Rock
- 7F9DBB
≈ Washed Denim
Analogowa -30° +30°
- B19475
Cliff Rock
- B98F81
≈ Rosetta
- A29B73
≈ Westcar Papyrus
Triada +120° +240°
- B19475
Cliff Rock
- 71A5A0
≈ Catalina
- A491B5
≈ Lush Mauve
Komplementarna rozszczepiona +150° +210°
- B19475
Cliff Rock
- 73A3B1
≈ Stillwater
- 9297BC
≈ Thistle Down
Tetrada +90° +180° +270°
- B19475
Cliff Rock
- 7DA58D
≈ Free Green
- 7F9DBB
≈ Washed Denim
- B28DA6
≈ Soft Impact
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.85:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.36:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.36:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--cliff-rock: #b19475;
--cliff-rock-rgb: 177 148 117;
--cliff-rock-oklch: oklch(0.685 0.055 68.6);
}
.element {
color: var(--cliff-rock);
background-color: hsl(31 28% 58%);
border-color: oklch(0.685 0.055 68.6);
}Tailwind CSS v4
@theme {
--color-cliff-rock: #b19475;
--color-cliff-rock-50: #fff3e4;
--color-cliff-rock-100: #f4e5d4;
--color-cliff-rock-200: #e4d1bb;
--color-cliff-rock-300: #cab399;
--color-cliff-rock-400: #b5997b;
--color-cliff-rock-500: #9f805e;
--color-cliff-rock-600: #866c50;
--color-cliff-rock-700: #6c5640;
--color-cliff-rock-800: #503f2e;
--color-cliff-rock-900: #372b1f;
--color-cliff-rock-950: #22180f;
}SCSS
$cliff-rock: #b19475;
$cliff-rock-rgb: 177, 148, 117;
$cliff-rock-light: mix(#fff, $cliff-rock, 20%);
$cliff-rock-dark: mix(#000, $cliff-rock, 20%);
.element {
color: $cliff-rock;
box-shadow: 0 0 0 2px rgba($cliff-rock, 0.35);
}