Benannte Farbe · #BB9662
Karak Stone
Karak Stone ist #BB9662: rgb(187 150 98), hsl(35 40% 56%), oklch(0.696 0.082 75.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Karak Stone color name →
#BB9662
oklch(0.696 0.082 75.2)
Farbumrechnungen
- HEX
- #bb9662
- RGB
- rgb(187 150 98)
- HSL
- hsl(35 40% 56%)
- HWB
- hwb(35 38% 27%)
- OKLCH
- oklch(0.696 0.082 75.2)
- OKLab
- oklab(0.696 0.021 0.079)
- CIE Lab
- lab(64.69 9.4 32.86)
- LCH
- lch(64.69 34.18 74)
- CMYK
- cmyk(0% 20% 48% 27%)
Tints · Shades · Tones
Tints
- C2A072
- C9AB81
- D0B591
- D6BFA0
- DDCAB0
- E4D4C0
- EBDFCF
- F1EADF
- F8F4EF
Shades
- A28254
- 8A6E47
- 735B3A
- 5C492D
- 463721
- 322616
- 1F160B
- 0D0803
- 020100
Tones
- B59466
- AF9269
- A9906D
- A38E70
- 9D8B73
- 988976
- 928779
- 8C857B
- 86827E
Farbharmonien
Komplementär +180°
- BB9662
Karak Stone
- 7BA0D0
≈ Boudoir Blue
Analog -30° +30°
- BB9662
Karak Stone
- C88D72
≈ Baker’s Dream
- A4A063
≈ Mediaeval Sulphur
Triadisch +120° +240°
- BB9662
Karak Stone
- 59ADAD
≈ Emerald Succulent
- B18EC0
≈ Young Prince
Geteilt komplementär +150° +210°
- BB9662
Karak Stone
- 61A8C4
≈ Blue Mist
- 9796CE
≈ Bluebell Frost
Tetradisch +90° +180° +270°
- BB9662
Karak Stone
- 6AAE91
≈ Dublin Jack
- 7BA0D0
≈ Boudoir Blue
- C289A9
≈ Rosy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.74:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.65:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--karak-stone: #bb9662;
--karak-stone-rgb: 187 150 98;
--karak-stone-oklch: oklch(0.696 0.082 75.2);
}
.element {
color: var(--karak-stone);
background-color: hsl(35 40% 56%);
border-color: oklch(0.696 0.082 75.2);
}Tailwind CSS v4
@theme {
--color-karak-stone: #bb9662;
--color-karak-stone-50: #fff3dc;
--color-karak-stone-100: #f8e5ca;
--color-karak-stone-200: #e8d0ae;
--color-karak-stone-300: #cfb388;
--color-karak-stone-400: #bb9867;
--color-karak-stone-500: #a67e44;
--color-karak-stone-600: #8c6b3b;
--color-karak-stone-700: #70552e;
--color-karak-stone-800: #543e21;
--color-karak-stone-900: #3a2b15;
--color-karak-stone-950: #241807;
}SCSS
$karak-stone: #bb9662;
$karak-stone-rgb: 187, 150, 98;
$karak-stone-light: mix(#fff, $karak-stone, 20%);
$karak-stone-dark: mix(#000, $karak-stone, 20%);
.element {
color: $karak-stone;
box-shadow: 0 0 0 2px rgba($karak-stone, 0.35);
}