Benannte Farbe · #C5B497
Barking Prairie Dog
Barking Prairie Dog ist #C5B497: rgb(197 180 151), hsl(38 28% 68%), oklch(0.777 0.044 81). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Barking Prairie Dog color name →
#C5B497
oklch(0.777 0.044 81)
Farbumrechnungen
- HEX
- #c5b497
- RGB
- rgb(197 180 151)
- HSL
- hsl(38 28% 68%)
- HWB
- hwb(38 59% 23%)
- OKLCH
- oklch(0.777 0.044 81)
- OKLab
- oklab(0.777 0.007 0.044)
- CIE Lab
- lab(74.2 2.88 17.18)
- LCH
- lch(74.2 17.42 80.5)
- CMYK
- cmyk(0% 9% 23% 23%)
Tints · Shades · Tones
Tints
- CBBBA1
- D0C3AB
- D6CAB6
- DCD2C0
- E2D9CA
- E8E1D5
- EDE8DF
- F3F0EA
- F9F7F4
Shades
- AB9C83
- 92856F
- 796E5C
- 615849
- 4B4437
- 353026
- 211D17
- 0E0C08
- 020201
Tones
- BEAF95
- B7A993
- B0A490
- A99F8E
- A29A8C
- 9B9589
- 948F87
- 8D8A85
- 878582
Farbharmonien
Komplementär +180°
- C5B497
Barking Prairie Dog
- A7B7D3
≈ Cashmere Blue
Analog -30° +30°
- C5B497
Barking Prairie Dog
- CEAF9D
≈ Iced Copper
- B7B999
≈ Bog
Triadisch +120° +240°
- C5B497
Barking Prairie Dog
- 96BFC2
≈ Chuff Blue
- C4AEC8
≈ Purple Chalk
Geteilt komplementär +150° +210°
- C5B497
Barking Prairie Dog
- 9BBCCE
≈ Partly Cloudy
- B6B2D1
≈ Petunia Trail
Tetradisch +90° +180° +270°
- C5B497
Barking Prairie Dog
- 9BC0B3
≈ Diorite
- A7B7D3
≈ Cashmere Blue
- CEABBA
≈ Pink Potion
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.34:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--barking-prairie-dog: #c5b497;
--barking-prairie-dog-rgb: 197 180 151;
--barking-prairie-dog-oklch: oklch(0.777 0.044 81);
}
.element {
color: var(--barking-prairie-dog);
background-color: hsl(38 28% 68%);
border-color: oklch(0.777 0.044 81);
}Tailwind CSS v4
@theme {
--color-barking-prairie-dog: #c5b497;
--color-barking-prairie-dog-50: #fbf4e7;
--color-barking-prairie-dog-100: #efe7d8;
--color-barking-prairie-dog-200: #ddd3c0;
--color-barking-prairie-dog-300: #c2b69e;
--color-barking-prairie-dog-400: #ac9c81;
--color-barking-prairie-dog-500: #958465;
--color-barking-prairie-dog-600: #7e6f56;
--color-barking-prairie-dog-700: #655944;
--color-barking-prairie-dog-800: #4b4131;
--color-barking-prairie-dog-900: #342d21;
--color-barking-prairie-dog-950: #1f1a11;
}SCSS
$barking-prairie-dog: #c5b497;
$barking-prairie-dog-rgb: 197, 180, 151;
$barking-prairie-dog-light: mix(#fff, $barking-prairie-dog, 20%);
$barking-prairie-dog-dark: mix(#000, $barking-prairie-dog, 20%);
.element {
color: $barking-prairie-dog;
box-shadow: 0 0 0 2px rgba($barking-prairie-dog, 0.35);
}