Colore con nome più vicino · #B06D00
#B06D00
Colore con nome più vicino: Caramel
#B06D00 (rgb(176 109 0), hsl(37 100% 35%), oklch(0.594 0.13 68.2)) è più vicino al colore con nome Caramel. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B06D00
oklch(0.594 0.13 68.2)
Conversioni di colore
- HEX
- #b06d00
- RGB
- rgb(176 109 0)
- HSL
- hsl(37 100% 35%)
- HWB
- hwb(37 0% 31%)
- OKLCH
- oklch(0.594 0.13 68.2)
- OKLab
- oklab(0.594 0.048 0.121)
- CIE Lab
- lab(52.53 22.66 59.43)
- LCH
- lch(52.53 63.61 69.1)
- CMYK
- cmyk(0% 38% 100% 31%)
Tinte · Ombre · Toni
Tinte
- B97C30
- C18A4B
- C99963
- D1A77A
- D9B690
- E1C4A6
- E9D3BC
- F0E1D2
- F8F0E9
Ombre
- 995E00
- 824F00
- 6C4100
- 563300
- 422600
- 2E1900
- 1C0D00
- 0B0400
- 010100
Toni
- AC7021
- A77232
- A3743F
- 9E764A
- 997854
- 957A5E
- 907C67
- 8B7D70
- 857F78
Armonie di colore
Complementare +180°
- B06D00
Caramel
- 3383C8
≈ Worn Denim
Analogo -30° +30°
- B06D00
Caramel
- BE5F41
≈ Deep Fire
- 927E00
≈ Moscow Papyrus
Triadico +120° +240°
- B06D00
Caramel
- 00928A
≈ Torrid Turquoise
- 9467B9
≈ Viola
Complementare divisa +150° +210°
- B06D00
Caramel
- 008DA9
≈ Quintana
- 6D74CA
≈ Kickstart Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.17:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.03:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.03:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel: #b06d00;
--caramel-rgb: 176 109 0;
--caramel-oklch: oklch(0.594 0.13 68.2);
}
.element {
color: var(--caramel);
background-color: hsl(37 100% 35%);
border-color: oklch(0.594 0.13 68.2);
}Tailwind CSS v4
@theme {
--color-caramel: #b06d00;
--color-caramel-50: #fff0ce;
--color-caramel-100: #ffe1b9;
--color-caramel-200: #f9cb97;
--color-caramel-300: #e2ac6b;
--color-caramel-400: #d08f3f;
--color-caramel-500: #bd7200;
--color-caramel-600: #a06100;
--color-caramel-700: #804e00;
--color-caramel-800: #603800;
--color-caramel-900: #432602;
--color-caramel-950: #2b1400;
}SCSS
$caramel: #b06d00;
$caramel-rgb: 176, 109, 0;
$caramel-light: mix(#fff, $caramel, 20%);
$caramel-dark: mix(#000, $caramel, 20%);
.element {
color: $caramel;
box-shadow: 0 0 0 2px rgba($caramel, 0.35);
}