Benannte Farbe · #C9BBA1
Land Rush Bone
Land Rush Bone ist #C9BBA1: rgb(201 187 161), hsl(39 27% 71%), oklch(0.797 0.039 83). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Land Rush Bone color name →
#C9BBA1
oklch(0.797 0.039 83)
Farbumrechnungen
- HEX
- #c9bba1
- RGB
- rgb(201 187 161)
- HSL
- hsl(39 27% 71%)
- HWB
- hwb(39 63% 21%)
- OKLCH
- oklch(0.797 0.039 83)
- OKLab
- oklab(0.797 0.005 0.039)
- CIE Lab
- lab(76.55 2 15.11)
- LCH
- lch(76.55 15.24 82.5)
- CMYK
- cmyk(0% 7% 20% 21%)
Tints · Shades · Tones
Tints
- CEC2AA
- D4C8B3
- D9CFBD
- DED6C6
- E4DDCF
- E9E3D9
- EFEAE2
- F4F1EC
- FAF8F5
Shades
- AEA28B
- 958A76
- 7C7362
- 645C4E
- 4C463C
- 36322A
- 221F19
- 0F0D09
- 020201
Tones
- C1B59E
- BAAF9A
- B3A997
- ABA394
- A49D91
- 9D978D
- 95918A
- 8E8C87
- 878683
Farbharmonien
Komplementär +180°
- C9BBA1
Land Rush Bone
- B0BDD7
≈ Pigeon Post
Analog -30° +30°
- C9BBA1
Land Rush Bone
- D2B6A6
≈ Treeless
- BCC0A4
≈ Beryl Green
Triadisch +120° +240°
- C9BBA1
Land Rush Bone
- A0C5C8
≈ Raindrop
- C9B5CC
≈ Softly Softly
Geteilt komplementär +150° +210°
- C9BBA1
Land Rush Bone
- A5C2D2
≈ Drenched
- BDB9D4
≈ Lemures
Tetradisch +90° +180° +270°
- C9BBA1
Land Rush Bone
- A4C5BA
≈ New-Age Green
- B0BDD7
≈ Pigeon Post
- D2B3BF
≈ Kindness
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.10:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--land-rush-bone: #c9bba1;
--land-rush-bone-rgb: 201 187 161;
--land-rush-bone-oklch: oklch(0.797 0.039 83);
}
.element {
color: var(--land-rush-bone);
background-color: hsl(39 27% 71%);
border-color: oklch(0.797 0.039 83);
}Tailwind CSS v4
@theme {
--color-land-rush-bone: #c9bba1;
--color-land-rush-bone-50: #faf5e9;
--color-land-rush-bone-100: #eee7da;
--color-land-rush-bone-200: #dcd3c2;
--color-land-rush-bone-300: #c1b6a1;
--color-land-rush-bone-400: #aa9d85;
--color-land-rush-bone-500: #938469;
--color-land-rush-bone-600: #7c7059;
--color-land-rush-bone-700: #635a47;
--color-land-rush-bone-800: #494133;
--color-land-rush-bone-900: #332d23;
--color-land-rush-bone-950: #1f1a12;
}SCSS
$land-rush-bone: #c9bba1;
$land-rush-bone-rgb: 201, 187, 161;
$land-rush-bone-light: mix(#fff, $land-rush-bone, 20%);
$land-rush-bone-dark: mix(#000, $land-rush-bone, 20%);
.element {
color: $land-rush-bone;
box-shadow: 0 0 0 2px rgba($land-rush-bone, 0.35);
}