Colore con nome · #CB9711
Retro Vibe
Retro Vibe è #CB9711: rgb(203 151 17), hsl(43 85% 43%), oklch(0.707 0.142 83.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Retro Vibe color name →
#CB9711
oklch(0.707 0.142 83.2)
Conversioni di colore
- HEX
- #cb9711
- RGB
- rgb(203 151 17)
- HSL
- hsl(43 85% 43%)
- HWB
- hwb(43 7% 20%)
- OKLCH
- oklch(0.707 0.142 83.2)
- OKLab
- oklab(0.707 0.017 0.141)
- CIE Lab
- lab(66.14 12.65 67.29)
- LCH
- lch(66.14 68.47 79.4)
- CMYK
- cmyk(0% 26% 92% 20%)
Tinte · Ombre · Toni
Tinte
- D0A23D
- D6AC58
- DBB76F
- E0C185
- E6CB9A
- EBD6AE
- F0E0C3
- F5EAD7
- FAF5EB
Ombre
- B0830D
- 966F09
- 7D5C06
- 654904
- 4D3702
- 372601
- 221700
- 0F0800
- 020100
Toni
- C3952D
- BC933D
- B4914A
- AD8F54
- A58D5D
- 9E8A65
- 96886D
- 8F8574
- 87837A
Armonie di colore
Complementare +180°
- CB9711
Retro Vibe
- 719EF9
≈ Feather Star
Analogo -30° +30°
- CB9711
Retro Vibe
- E48542
≈ West Side
- A1A92D
≈ Mikado Green
Triadico +120° +240°
- CB9711
Retro Vibe
- 00B6C2
≈ Lago Blue
- CB80D3
≈ Purception
Complementare divisa +150° +210°
- CB9711
Retro Vibe
- 18AEEA
≈ Lynx Screen Blue
- A58EF0
≈ Cobalite
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.97:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--retro-vibe: #cb9711;
--retro-vibe-rgb: 203 151 17;
--retro-vibe-oklch: oklch(0.707 0.142 83.2);
}
.element {
color: var(--retro-vibe);
background-color: hsl(43 85% 43%);
border-color: oklch(0.707 0.142 83.2);
}Tailwind CSS v4
@theme {
--color-retro-vibe: #cb9711;
--color-retro-vibe-50: #fff3c7;
--color-retro-vibe-100: #fee5b2;
--color-retro-vibe-200: #f0d08d;
--color-retro-vibe-300: #d9b25c;
--color-retro-vibe-400: #c79521;
--color-retro-vibe-500: #b37a00;
--color-retro-vibe-600: #976800;
--color-retro-vibe-700: #795300;
--color-retro-vibe-800: #5b3c00;
--color-retro-vibe-900: #402900;
--color-retro-vibe-950: #281600;
}SCSS
$retro-vibe: #cb9711;
$retro-vibe-rgb: 203, 151, 17;
$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);
}