Colore con nome · #9B1C5D
Berry Curious
Berry Curious è #9B1C5D: rgb(155 28 93), hsl(329 69% 36%), oklch(0.464 0.17 355.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Berry Curious color name →
#9B1C5D
oklch(0.464 0.17 355.4)
Conversioni di colore
- HEX
- #9b1c5d
- RGB
- rgb(155 28 93)
- HSL
- hsl(329 69% 36%)
- HWB
- hwb(329 11% 39%)
- OKLCH
- oklch(0.464 0.17 355.4)
- OKLab
- oklab(0.464 0.169 -0.014)
- CIE Lab
- lab(35.57 54.19 -4.41)
- LCH
- lch(35.57 54.37 355.3)
- CMYK
- cmyk(0% 82% 40% 39%)
Tinte · Ombre · Toni
Tinte
- A7396C
- B3517B
- BF678B
- C97D9A
- D492AA
- DDA8BB
- E7BDCC
- EFD3DC
- F7E9EE
Ombre
- 861750
- 721243
- 5E0D37
- 4B082A
- 39051F
- 280214
- 18010A
- 090003
- 010000
Toni
- 9A2C60
- 993964
- 974467
- 954E6B
- 93576E
- 906072
- 8D6875
- 897079
- 85787C
Armonie di colore
Complementare +180°
- 9B1C5D
Berry Curious
- 006957
≈ Fresh Ivy Green
Analogo -30° +30°
- 9B1C5D
Berry Curious
- 862B8B
≈ Druchii Violet
- A31C21
≈ Red Vitality
Triadico +120° +240°
- 9B1C5D
Berry Curious
- 575F00
≈ Greensboro
- 006088
≈ Ink Blotch
Complementare divisa +150° +210°
- 9B1C5D
Berry Curious
- 006D1C
≈ Avagddu Green
- 00656E
≈ Wakame Green
Tetradico +90° +180° +270°
- 9B1C5D
Berry Curious
- 715400
≈ Pickled Grape Leaves
- 006957
≈ Fresh Ivy Green
- 2A4FB6
≈ Apnea Dive
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.72:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.71:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--berry-curious: #9b1c5d;
--berry-curious-rgb: 155 28 93;
--berry-curious-oklch: oklch(0.464 0.17 355.4);
}
.element {
color: var(--berry-curious);
background-color: hsl(329 69% 36%);
border-color: oklch(0.464 0.17 355.4);
}Tailwind CSS v4
@theme {
--color-berry-curious: #9b1c5d;
--color-berry-curious-50: #ffe2f5;
--color-berry-curious-100: #ffd1e8;
--color-berry-curious-200: #ffb6d5;
--color-berry-curious-300: #fc91b8;
--color-berry-curious-400: #e96fa3;
--color-berry-curious-500: #d7498b;
--color-berry-curious-600: #b63f76;
--color-berry-curious-700: #92335e;
--color-berry-curious-800: #6c2447;
--color-berry-curious-900: #4c1831;
--color-berry-curious-950: #32081d;
}SCSS
$berry-curious: #9b1c5d;
$berry-curious-rgb: 155, 28, 93;
$berry-curious-light: mix(#fff, $berry-curious, 20%);
$berry-curious-dark: mix(#000, $berry-curious, 20%);
.element {
color: $berry-curious;
box-shadow: 0 0 0 2px rgba($berry-curious, 0.35);
}