Dichtstbijzijnde benoemde kleur · #BB0047
#BB0047
Dichtstbijzijnde benoemde kleur: Rural Red
#BB0047 (rgb(187 0 71), hsl(337 100% 37%), oklch(0.506 0.202 11.2)) komt het dichtst bij de benoemde kleur Rural Red. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BB0047
oklch(0.506 0.202 11.2)
Kleurconversies
- HEX
- #bb0047
- RGB
- rgb(187 0 71)
- HSL
- hsl(337 100% 37%)
- HWB
- hwb(337 0% 27%)
- OKLCH
- oklch(0.506 0.202 11.2)
- OKLab
- oklab(0.506 0.198 0.039)
- CIE Lab
- lab(40.31 65.43 17.54)
- LCH
- lch(40.31 67.74 15)
- CMYK
- cmyk(0% 100% 62% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C53458
- CF4F69
- D8677B
- E07E8C
- E7949F
- EDA9B1
- F3BFC4
- F8D4D8
- FCE9EB
Schaduwen
- A2003D
- 8A0032
- 730028
- 5C001F
- 460016
- 32000D
- 1F0006
- 0D0002
- 020000
Tonen
- B7244D
- B33552
- AF4358
- AA4E5E
- A45863
- 9E6169
- 98696F
- 917175
- 89797A
Kleurharmonieën
Complementair +180°
- BB0047
Rural Red
- 007471
≈ Reef
Analoog -30° +30°
- BB0047
Rural Red
- AA1A86
≈ Blissful Berry
- AA3C00
≈ Rust
Triadisch +120° +240°
- BB0047
Rural Red
- 477400
≈ Tropicana
- 0066B5
≈ Ephren Blue
Gesplitst complementair +150° +210°
- BB0047
Rural Red
- 00784F
≈ Poplar Forest
- 00708A
≈ Blue Jay Crest
Tetradisch +90° +180° +270°
- BB0047
Rural Red
- 726600
≈ Arousing Alligator
- 007471
≈ Reef
- 5849D2
≈ Iris
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.55:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.20:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--rural-red: #bb0047;
--rural-red-rgb: 187 0 71;
--rural-red-oklch: oklch(0.506 0.202 11.2);
}
.element {
color: var(--rural-red);
background-color: hsl(337 100% 37%);
border-color: oklch(0.506 0.202 11.2);
}Tailwind CSS v4
@theme {
--color-rural-red: #bb0047;
--color-rural-red-50: #ffdee4;
--color-rural-red-100: #ffccd4;
--color-rural-red-200: #ffafbb;
--color-rural-red-300: #ff8799;
--color-rural-red-400: #fd6080;
--color-rural-red-500: #ec2e64;
--color-rural-red-600: #c72a55;
--color-rural-red-700: #a02244;
--color-rural-red-800: #771633;
--color-rural-red-900: #540f23;
--color-rural-red-950: #380112;
}SCSS
$rural-red: #bb0047;
$rural-red-rgb: 187, 0, 71;
$rural-red-light: mix(#fff, $rural-red, 20%);
$rural-red-dark: mix(#000, $rural-red, 20%);
.element {
color: $rural-red;
box-shadow: 0 0 0 2px rgba($rural-red, 0.35);
}