Benannte Farbe · #C0B5A0
Roman Ruins
Roman Ruins ist #C0B5A0: rgb(192 181 160), hsl(39 20% 69%), oklch(0.777 0.032 83.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Roman Ruins color name →
#C0B5A0
oklch(0.777 0.032 83.6)
Farbumrechnungen
- HEX
- #c0b5a0
- RGB
- rgb(192 181 160)
- HSL
- hsl(39 20% 69%)
- HWB
- hwb(39 63% 25%)
- OKLCH
- oklch(0.777 0.032 83.6)
- OKLab
- oklab(0.777 0.004 0.031)
- CIE Lab
- lab(74.18 1.44 12.23)
- LCH
- lch(74.18 12.31 83.3)
- CMYK
- cmyk(0% 6% 17% 25%)
Tints · Shades · Tones
Tints
- C6BCA9
- CCC3B3
- D3CBBC
- D9D2C5
- DFD9CF
- E5E1D8
- ECE8E2
- F2F0EC
- F9F7F5
Shades
- A79D8B
- 8E8676
- 766F61
- 5F594E
- 49443B
- 343029
- 201D19
- 0E0C09
- 020201
Tones
- B9B09D
- B3AA9A
- ACA596
- A69F93
- 9F9A90
- 99958D
- 93908A
- 8C8A86
- 868583
Farbharmonien
Komplementär +180°
- C0B5A0
Roman Ruins
- ACB7CB
≈ Ethereal Mist
Analog -30° +30°
- C0B5A0
Roman Ruins
- C7B1A4
≈ Vintage Charm
- B6B9A2
≈ Tickled Crow
Triadisch +120° +240°
- C0B5A0
Roman Ruins
- A0BDBF
≈ Seafoam Whisper
- C1B0C2
≈ Almost Plum
Geteilt komplementär +150° +210°
- C0B5A0
Roman Ruins
- A3BAC8
≈ Always Blue
- B7B3C9
≈ Bohemianism
Tetradisch +90° +180° +270°
- C0B5A0
Roman Ruins
- A3BDB4
≈ Garden Twilight
- ACB7CB
≈ Ethereal Mist
- C8AEB8
≈ Scented Frill
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.35:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--roman-ruins: #c0b5a0;
--roman-ruins-rgb: 192 181 160;
--roman-ruins-oklch: oklch(0.777 0.032 83.6);
}
.element {
color: var(--roman-ruins);
background-color: hsl(39 20% 69%);
border-color: oklch(0.777 0.032 83.6);
}Tailwind CSS v4
@theme {
--color-roman-ruins: #c0b5a0;
--color-roman-ruins-50: #f9f5eb;
--color-roman-ruins-100: #ede7dc;
--color-roman-ruins-200: #dad4c5;
--color-roman-ruins-300: #bfb7a6;
--color-roman-ruins-400: #a79d8a;
--color-roman-ruins-500: #90856f;
--color-roman-ruins-600: #7a705e;
--color-roman-ruins-700: #625a4b;
--color-roman-ruins-800: #484136;
--color-roman-ruins-900: #322d25;
--color-roman-ruins-950: #1e1a14;
}SCSS
$roman-ruins: #c0b5a0;
$roman-ruins-rgb: 192, 181, 160;
$roman-ruins-light: mix(#fff, $roman-ruins, 20%);
$roman-ruins-dark: mix(#000, $roman-ruins, 20%);
.element {
color: $roman-ruins;
box-shadow: 0 0 0 2px rgba($roman-ruins, 0.35);
}