Benoemde kleur · #BB8866
Carnal Brown
Carnal Brown is #BB8866: rgb(187 136 102), hsl(24 38% 57%), oklch(0.669 0.079 54.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Carnal Brown color name →
#BB8866
oklch(0.669 0.079 54.6)
Kleurconversies
- HEX
- #bb8866
- RGB
- rgb(187 136 102)
- HSL
- hsl(24 38% 57%)
- HWB
- hwb(24 40% 27%)
- OKLCH
- oklch(0.669 0.079 54.6)
- OKLab
- oklab(0.669 0.045 0.064)
- CIE Lab
- lab(61.23 17.03 26.34)
- LCH
- lch(61.23 31.37 57.1)
- CMYK
- cmyk(0% 27% 45% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C29475
- C99F84
- D0AB93
- D7B7A2
- DEC3B1
- E5CEC0
- EBDBD0
- F2E7DF
- F9F3EF
Schaduwen
- A27558
- 8A634A
- 73523C
- 5C412F
- 463123
- 322217
- 1F130C
- 0D0604
- 020100
Tonen
- B58769
- AF876C
- AA866F
- A48572
- 9E8574
- 988477
- 928379
- 8C827C
- 86817E
Kleurharmonieën
Complementair +180°
- BB8866
Carnal Brown
- 639DBE
≈ Gulf Stream Blue
Analoog -30° +30°
- BB8866
Carnal Brown
- C1827D
≈ Cameo Brown
- AB915B
≈ Golden Griffon
Triadisch +120° +240°
- BB8866
Carnal Brown
- 5DA592
≈ Polished Pine
- 988CC1
≈ Hermosa
Gesplitst complementair +150° +210°
- BB8866
Carnal Brown
- 54A3AB
≈ Blue Racer
- 7D94C6
≈ Steel Blue Eyes
Tetradisch +90° +180° +270°
- BB8866
Carnal Brown
- 77A277
≈ Jadesheen
- 639DBE
≈ Gulf Stream Blue
- AE84B0
≈ Stage Mauve
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.07:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.82:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
CSS
:root {
--carnal-brown: #bb8866;
--carnal-brown-rgb: 187 136 102;
--carnal-brown-oklch: oklch(0.669 0.079 54.6);
}
.element {
color: var(--carnal-brown);
background-color: hsl(24 38% 57%);
border-color: oklch(0.669 0.079 54.6);
}Tailwind CSS v4
@theme {
--color-carnal-brown: #bb8866;
--color-carnal-brown-50: #fff0e0;
--color-carnal-brown-100: #fde2cf;
--color-carnal-brown-200: #efccb4;
--color-carnal-brown-300: #d7ae91;
--color-carnal-brown-400: #c39272;
--color-carnal-brown-500: #af7852;
--color-carnal-brown-600: #946646;
--color-carnal-brown-700: #765138;
--color-carnal-brown-800: #583b28;
--color-carnal-brown-900: #3e281b;
--color-carnal-brown-950: #27160b;
}SCSS
$carnal-brown: #bb8866;
$carnal-brown-rgb: 187, 136, 102;
$carnal-brown-light: mix(#fff, $carnal-brown, 20%);
$carnal-brown-dark: mix(#000, $carnal-brown, 20%);
.element {
color: $carnal-brown;
box-shadow: 0 0 0 2px rgba($carnal-brown, 0.35);
}