Dichtstbijzijnde benoemde kleur · #B9454A
#B9454A
Dichtstbijzijnde benoemde kleur: Dragon’s Blood
#B9454A (rgb(185 69 74), hsl(357 46% 50%), oklch(0.55 0.15 21)) komt het dichtst bij de benoemde kleur Dragon’s Blood. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B9454A
oklch(0.55 0.15 21)
Kleurconversies
- HEX
- #b9454a
- RGB
- rgb(185 69 74)
- HSL
- hsl(357 46% 50%)
- HWB
- hwb(357 27% 27%)
- OKLCH
- oklch(0.55 0.15 21)
- OKLab
- oklab(0.55 0.14 0.054)
- CIE Lab
- lab(46.28 47.93 23.24)
- LCH
- lch(46.28 53.26 25.9)
- CMYK
- cmyk(0% 63% 60% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C2595B
- CB6C6C
- D37F7E
- DB918F
- E2A3A1
- E9B5B3
- EFC8C6
- F5DAD9
- FAECEC
Schaduwen
- A03B3F
- 893135
- 71272A
- 5B1E20
- 461517
- 310C0E
- 1E0506
- 0D0202
- 020000
Tonen
- B54D50
- B05455
- AB5B5B
- A66160
- A16766
- 9B6C6B
- 957270
- 8E7775
- 887B7B
Kleurharmonieën
Complementair +180°
- B9454A
Dragon’s Blood
- 008288
≈ Precious Blue
Analoog -30° +30°
- B9454A
Dragon’s Blood
- AF467C
≈ Mystic Maroon
- B15300
≈ Mahogany Finish
Triadisch +120° +240°
- B9454A
Dragon’s Blood
- 368629
≈ Temperamental Green
- 3C6EC8
≈ Han Blue
Gesplitst complementair +150° +210°
- B9454A
Dragon’s Blood
- 008569
≈ Bosphorus
- 007CA6
≈ Celadon Blue
Tetradisch +90° +180° +270°
- B9454A
Dragon’s Blood
- 757700
≈ Mongolian Plateau
- 008288
≈ Precious Blue
- 745DC1
≈ Fuchsia Blue
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--dragon-s-blood: #b9454a;
--dragon-s-blood-rgb: 185 69 74;
--dragon-s-blood-oklch: oklch(0.55 0.15 21);
}
.element {
color: var(--dragon-s-blood);
background-color: hsl(357 46% 50%);
border-color: oklch(0.55 0.15 21);
}Tailwind CSS v4
@theme {
--color-dragon-s-blood: #b9454a;
--color-dragon-s-blood-50: #ffe5e1;
--color-dragon-s-blood-100: #ffd5d1;
--color-dragon-s-blood-200: #ffbbb6;
--color-dragon-s-blood-300: #fb9893;
--color-dragon-s-blood-400: #ea7777;
--color-dragon-s-blood-500: #d75459;
--color-dragon-s-blood-600: #b6484c;
--color-dragon-s-blood-700: #923a3c;
--color-dragon-s-blood-800: #6d282d;
--color-dragon-s-blood-900: #4d1b1e;
--color-dragon-s-blood-950: #320b0e;
}SCSS
$dragon-s-blood: #b9454a;
$dragon-s-blood-rgb: 185, 69, 74;
$dragon-s-blood-light: mix(#fff, $dragon-s-blood, 20%);
$dragon-s-blood-dark: mix(#000, $dragon-s-blood, 20%);
.element {
color: $dragon-s-blood;
box-shadow: 0 0 0 2px rgba($dragon-s-blood, 0.35);
}