Color con nombre · #9B1C5D
Berry Curious
Berry Curious es #9B1C5D: rgb(155 28 93), hsl(329 69% 36%), oklch(0.464 0.17 355.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Berry Curious color name →
#9B1C5D
oklch(0.464 0.17 355.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- A7396C
- B3517B
- BF678B
- C97D9A
- D492AA
- DDA8BB
- E7BDCC
- EFD3DC
- F7E9EE
Sombras
- 861750
- 721243
- 5E0D37
- 4B082A
- 39051F
- 280214
- 18010A
- 090003
- 010000
Tonos
- 9A2C60
- 993964
- 974467
- 954E6B
- 93576E
- 906072
- 8D6875
- 897079
- 85787C
Armonías de color
Complementario +180°
- 9B1C5D
Berry Curious
- 006957
≈ Fresh Ivy Green
Análogo -30° +30°
- 9B1C5D
Berry Curious
- 862B8B
≈ Druchii Violet
- A31C21
≈ Red Vitality
Triádico +120° +240°
- 9B1C5D
Berry Curious
- 575F00
≈ Greensboro
- 006088
≈ Ink Blotch
Complementario dividido +150° +210°
- 9B1C5D
Berry Curious
- 006D1C
≈ Avagddu Green
- 00656E
≈ Wakame Green
Tetrádico +90° +180° +270°
- 9B1C5D
Berry Curious
- 715400
≈ Pickled Grape Leaves
- 006957
≈ Fresh Ivy Green
- 2A4FB6
≈ Apnea Dive
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.72:1 · APCA Lc 85
Ag
FailSobre negro
WCAG 2.71:1 · APCA Lc 17
Mejor color de texto: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
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);
}