Colore con nome più vicino · #B24D30
#B24D30
Colore con nome più vicino: Crimson Boy
#B24D30 (rgb(178 77 48), hsl(13 58% 44%), oklch(0.546 0.139 36.7)) è più vicino al colore con nome Crimson Boy. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B24D30
oklch(0.546 0.139 36.7)
Conversioni di colore
- HEX
- #b24d30
- RGB
- rgb(178 77 48)
- HSL
- hsl(13 58% 44%)
- HWB
- hwb(13 19% 30%)
- OKLCH
- oklch(0.546 0.139 36.7)
- OKLab
- oklab(0.546 0.111 0.083)
- CIE Lab
- lab(46.18 40.67 37.79)
- LCH
- lch(46.18 55.52 42.9)
- CMYK
- cmyk(0% 57% 73% 30%)
Tinte · Ombre · Toni
Tinte
- BB6045
- C5715A
- CD836E
- D59582
- DDA696
- E5B8AB
- ECC9BF
- F3DBD4
- F9EDEA
Ombre
- 9A4228
- 833721
- 6D2C1A
- 572213
- 43180C
- 2F0F06
- 1D0703
- 0C0201
- 010000
Toni
- AE543A
- AA5A43
- A65F4B
- A16553
- 9D6A5B
- 986F63
- 92736A
- 8D7872
- 877C79
Armonie di colore
Complementare +180°
- B24D30
Crimson Boy
- 007E95
≈ Pagoda
Analogo -30° +30°
- B24D30
Crimson Boy
- B04763
≈ Bing Cherry Pie
- 9E6000
≈ Soft Tone Ink
Triadico +120° +240°
- B24D30
Crimson Boy
- 008650
≈ Pixel Nature
- 5D66C0
≈ Bluish Purple Anemone
Complementare divisa +150° +210°
- B24D30
Crimson Boy
- 008279
≈ Blue Winged Teal
- 0C75BC
≈ Bumangués Blue
Tetradico +90° +180° +270°
- B24D30
Crimson Boy
- 5B7E04
≈ Avocado
- 007E95
≈ Pagoda
- 8657AF
≈ Lusty Lavender
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 75
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--crimson-boy: #b24d30;
--crimson-boy-rgb: 178 77 48;
--crimson-boy-oklch: oklch(0.546 0.139 36.7);
}
.element {
color: var(--crimson-boy);
background-color: hsl(13 58% 44%);
border-color: oklch(0.546 0.139 36.7);
}Tailwind CSS v4
@theme {
--color-crimson-boy: #b24d30;
--color-crimson-boy-50: #ffe8d8;
--color-crimson-boy-100: #ffd9c6;
--color-crimson-boy-200: #ffc0a9;
--color-crimson-boy-300: #f59e82;
--color-crimson-boy-400: #e37e62;
--color-crimson-boy-500: #d15f3e;
--color-crimson-boy-600: #b05135;
--color-crimson-boy-700: #8e402a;
--color-crimson-boy-800: #6a2e1f;
--color-crimson-boy-900: #4b1f14;
--color-crimson-boy-950: #310e06;
}SCSS
$crimson-boy: #b24d30;
$crimson-boy-rgb: 178, 77, 48;
$crimson-boy-light: mix(#fff, $crimson-boy, 20%);
$crimson-boy-dark: mix(#000, $crimson-boy, 20%);
.element {
color: $crimson-boy;
box-shadow: 0 0 0 2px rgba($crimson-boy, 0.35);
}