Benoemde kleur · #AB4E52
Young Redwood
Young Redwood is #AB4E52: rgb(171 78 82), hsl(357 37% 49%), oklch(0.543 0.122 19.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Young Redwood color name →
#AB4E52
oklch(0.543 0.122 19.4)
Kleurconversies
- HEX
- #ab4e52
- RGB
- rgb(171 78 82)
- HSL
- hsl(357 37% 49%)
- HWB
- hwb(357 31% 33%)
- OKLCH
- oklch(0.543 0.122 19.4)
- OKLab
- oklab(0.543 0.115 0.041)
- CIE Lab
- lab(45.68 39.19 17.1)
- LCH
- lch(45.68 42.76 23.6)
- CMYK
- cmyk(0% 54% 52% 33%)
Tinten · Schaduwen · Tonen
Tinten
- B56062
- BF7172
- C88383
- D19494
- D9A6A5
- E1B7B6
- E9C9C8
- F1DBDA
- F8EDEC
Schaduwen
- 944346
- 7E383B
- 682D2F
- 542325
- 40191A
- 2D0F11
- 1B0708
- 0B0202
- 010000
Tonen
- A85457
- A45A5B
- A15F60
- 9D6465
- 996969
- 946E6E
- 907372
- 8B7777
- 867C7B
Kleurharmonieën
Complementair +180°
- AB4E52
Young Redwood
- 007F84
≈ Go Alpha
Analoog -30° +30°
- AB4E52
Young Redwood
- A24E7A
≈ Our Little Secret
- A75724
≈ Spicy Cinnamon
Triadisch +120° +240°
- AB4E52
Young Redwood
- 468037
≈ Guinean Green
- 426FB6
≈ Wide Sky
Gesplitst complementair +150° +210°
- AB4E52
Young Redwood
- 008365
≈ Shadows of Time
- 007AA1
≈ Bleu Ciel
Tetradisch +90° +180° +270°
- AB4E52
Young Redwood
- 757400
≈ Mongolian Plateau
- 007F84
≈ Go Alpha
- 6F61B1
≈ Simply Purple
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.32:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.94:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.32:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--young-redwood: #ab4e52;
--young-redwood-rgb: 171 78 82;
--young-redwood-oklch: oklch(0.543 0.122 19.4);
}
.element {
color: var(--young-redwood);
background-color: hsl(357 37% 49%);
border-color: oklch(0.543 0.122 19.4);
}Tailwind CSS v4
@theme {
--color-young-redwood: #ab4e52;
--color-young-redwood-50: #ffe8e6;
--color-young-redwood-100: #ffd9d6;
--color-young-redwood-200: #ffc0bd;
--color-young-redwood-300: #f09e9c;
--color-young-redwood-400: #dd7f81;
--color-young-redwood-500: #ca6165;
--color-young-redwood-600: #ab5256;
--color-young-redwood-700: #894244;
--color-young-redwood-800: #662f33;
--color-young-redwood-900: #482022;
--color-young-redwood-950: #2f0f11;
}SCSS
$young-redwood: #ab4e52;
$young-redwood-rgb: 171, 78, 82;
$young-redwood-light: mix(#fff, $young-redwood, 20%);
$young-redwood-dark: mix(#000, $young-redwood, 20%);
.element {
color: $young-redwood;
box-shadow: 0 0 0 2px rgba($young-redwood, 0.35);
}