Benoemde kleur · #CB5251
Chinese Dragon
Chinese Dragon is #CB5251: rgb(203 82 81), hsl(0 54% 56%), oklch(0.597 0.155 23.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Chinese Dragon color name →
#CB5251
oklch(0.597 0.155 23.4)
Kleurconversies
- HEX
- #cb5251
- RGB
- rgb(203 82 81)
- HSL
- hsl(0 54% 56%)
- HWB
- hwb(0 32% 20%)
- OKLCH
- oklch(0.597 0.155 23.4)
- OKLab
- oklab(0.597 0.142 0.062)
- CIE Lab
- lab(51.65 48.96 26.61)
- LCH
- lch(51.65 55.72 28.5)
- CMYK
- cmyk(0% 60% 60% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D26562
- D97772
- E08883
- E69994
- EBAAA6
- F0BBB7
- F5CCC9
- F9DDDB
- FCEEED
Schaduwen
- B04645
- 963B3A
- 7D2F2F
- 652524
- 4D1A1A
- 371110
- 220807
- 0F0202
- 020000
Tonen
- C55956
- BE5E5B
- B76460
- B06965
- A96D6A
- A2716E
- 9A7573
- 927977
- 897D7C
Kleurharmonieën
Complementair +180°
- CB5251
Chinese Dragon
- 00909A
≈ Splashy
Analoog -30° +30°
- CB5251
Chinese Dragon
- C25186
≈ Sparkling Blueberry Lemonade
- C26100
≈ Crema
Triadisch +120° +240°
- CB5251
Chinese Dragon
- 3A963B
≈ Always Greener
- 4D7ADA
≈ Skies of Cyberspace
Gesplitst complementair +150° +210°
- CB5251
Chinese Dragon
- 009579
≈ Pool Table
- 008ABD
≈ Mermaid Dreams
Tetradisch +90° +180° +270°
- CB5251
Chinese Dragon
- 808700
≈ Krypton Green
- 00909A
≈ Splashy
- 8569D2
≈ Matt Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.31:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.86:1 · APCA Lc 33
Beste tekstkleur: #000000
WCAG 4.86:1 (AA) · APCA Lc 33
Contrast pairs
Codefragmenten
CSS
:root {
--chinese-dragon: #cb5251;
--chinese-dragon-rgb: 203 82 81;
--chinese-dragon-oklch: oklch(0.597 0.155 23.4);
}
.element {
color: var(--chinese-dragon);
background-color: hsl(0 54% 56%);
border-color: oklch(0.597 0.155 23.4);
}Tailwind CSS v4
@theme {
--color-chinese-dragon: #cb5251;
--color-chinese-dragon-50: #ffe5df;
--color-chinese-dragon-100: #ffd5ce;
--color-chinese-dragon-200: #ffbbb2;
--color-chinese-dragon-300: #fd978e;
--color-chinese-dragon-400: #ec7572;
--color-chinese-dragon-500: #da5252;
--color-chinese-dragon-600: #b84746;
--color-chinese-dragon-700: #943838;
--color-chinese-dragon-800: #6e282a;
--color-chinese-dragon-900: #4e1b1c;
--color-chinese-dragon-950: #330a0c;
}SCSS
$chinese-dragon: #cb5251;
$chinese-dragon-rgb: 203, 82, 81;
$chinese-dragon-light: mix(#fff, $chinese-dragon, 20%);
$chinese-dragon-dark: mix(#000, $chinese-dragon, 20%);
.element {
color: $chinese-dragon;
box-shadow: 0 0 0 2px rgba($chinese-dragon, 0.35);
}