Dichtstbijzijnde benoemde kleur · #C5921A
#C5921A
Dichtstbijzijnde benoemde kleur: Retro Vibe
#C5921A (rgb(197 146 26), hsl(42 77% 44%), oklch(0.691 0.136 82.2)) komt het dichtst bij de benoemde kleur Retro Vibe. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C5921A
oklch(0.691 0.136 82.2)
Kleurconversies
- HEX
- #c5921a
- RGB
- rgb(197 146 26)
- HSL
- hsl(42 77% 44%)
- HWB
- hwb(42 10% 23%)
- OKLCH
- oklch(0.691 0.136 82.2)
- OKLab
- oklab(0.691 0.018 0.135)
- CIE Lab
- lab(64.23 12.73 63.6)
- LCH
- lch(64.23 64.86 78.7)
- CMYK
- cmyk(0% 26% 87% 23%)
Tinten · Schaduwen · Tonen
Tinten
- CB9D3F
- D1A859
- D7B370
- DDBE85
- E3C99A
- E8D4AE
- EEDEC2
- F4E9D7
- F9F4EB
Schaduwen
- AB7E15
- 926B10
- 79580C
- 614607
- 4B3504
- 352502
- 211601
- 0E0800
- 020100
Tonen
- BE9130
- B78F3F
- B08E4B
- A98C55
- A28A5D
- 9C8865
- 95866D
- 8E8473
- 87827A
Kleurharmonieën
Complementair +180°
- C5921A
Retro Vibe
- 6D9AF0
≈ Guilliman Blue
Analoog -30° +30°
- C5921A
Retro Vibe
- DD8144
≈ Tree Poppy
- 9EA42E
≈ Forest Lichen
Triadisch +120° +240°
- C5921A
Retro Vibe
- 00B1BB
≈ Marrakech Mile
- C37DCD
≈ Purple Kush
Gesplitst complementair +150° +210°
- C5921A
Retro Vibe
- 1BA9E1
≈ Huelveño Horizon
- 9E8AE8
≈ Perrywinkle
Tetradisch +90° +180° +270°
- C5921A
Retro Vibe
- 00B692
≈ Aoife’s Green
- 6D9AF0
≈ Guilliman Blue
- DA76A4
≈ Wild Orchid
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.50:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--retro-vibe: #c5921a;
--retro-vibe-rgb: 197 146 26;
--retro-vibe-oklch: oklch(0.691 0.136 82.2);
}
.element {
color: var(--retro-vibe);
background-color: hsl(42 77% 44%);
border-color: oklch(0.691 0.136 82.2);
}Tailwind CSS v4
@theme {
--color-retro-vibe: #c5921a;
--color-retro-vibe-50: #fff3ca;
--color-retro-vibe-100: #fde5b4;
--color-retro-vibe-200: #f0d090;
--color-retro-vibe-300: #d8b261;
--color-retro-vibe-400: #c6962d;
--color-retro-vibe-500: #b27b00;
--color-retro-vibe-600: #966800;
--color-retro-vibe-700: #795300;
--color-retro-vibe-800: #5a3c00;
--color-retro-vibe-900: #3f2900;
--color-retro-vibe-950: #281600;
}SCSS
$retro-vibe: #c5921a;
$retro-vibe-rgb: 197, 146, 26;
$retro-vibe-light: mix(#fff, $retro-vibe, 20%);
$retro-vibe-dark: mix(#000, $retro-vibe, 20%);
.element {
color: $retro-vibe;
box-shadow: 0 0 0 2px rgba($retro-vibe, 0.35);
}