Cor nomeada · #F4A6A1
Roseberry
Roseberry é #F4A6A1: rgb(244 166 161), hsl(4 79% 79%), oklch(0.8 0.093 23.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Roseberry color name →
#F4A6A1
oklch(0.8 0.093 23.4)
Conversões de cor
- HEX
- #f4a6a1
- RGB
- rgb(244 166 161)
- HSL
- hsl(4 79% 79%)
- HWB
- hwb(4 63% 4%)
- OKLCH
- oklch(0.8 0.093 23.4)
- OKLab
- oklab(0.8 0.086 0.037)
- CIE Lab
- lab(75.84 29.18 14.94)
- LCH
- lch(75.84 32.78 27.1)
- CMYK
- cmyk(0% 32% 34% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6AFAA
- F8B8B3
- F9C1BD
- FBCAC6
- FCD3CF
- FDDBD9
- FEE4E2
- FEEDEC
- FFF6F5
Sombras
- D4908B
- B57A76
- 976562
- 7A514E
- 5E3E3C
- 442B2A
- 2B1A19
- 140A09
- 030101
Tons
- E8A29E
- DD9F9A
- D19B97
- C59794
- BA9491
- AE908D
- A38C8A
- 978887
- 8C8483
Harmonias de cor
Complementar +180°
- F4A6A1
Roseberry
- 6DCFD9
≈ Summer of ’82
Análoga -30° +30°
- F4A6A1
Roseberry
- EEA5C2
≈ Hushed Rose
- EEAD84
≈ Orange Liqueur
Tríade +120° +240°
- F4A6A1
Roseberry
- 9ACE97
≈ Kettle Drum
- 9EBEFA
≈ Pastel Blue
Complementar dividida +150° +210°
- F4A6A1
Roseberry
- 79D1B8
≈ Seafoam Blue
- 7EC8F0
≈ Fish Pond
Tétrade +90° +180° +270°
- F4A6A1
Roseberry
- BDC57E
≈ Soda Pop
- 6DCFD9
≈ Summer of ’82
- C0B3F5
≈ Purple Sand
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.81:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--roseberry: #f4a6a1;
--roseberry-rgb: 244 166 161;
--roseberry-oklch: oklch(0.8 0.093 23.4);
}
.element {
color: var(--roseberry);
background-color: hsl(4 79% 79%);
border-color: oklch(0.8 0.093 23.4);
}Tailwind CSS v4
@theme {
--color-roseberry: #f4a6a1;
--color-roseberry-50: #ffece8;
--color-roseberry-100: #ffddd8;
--color-roseberry-200: #fac6c0;
--color-roseberry-300: #e3a59f;
--color-roseberry-400: #d08884;
--color-roseberry-500: #bc6c68;
--color-roseberry-600: #9f5c59;
--color-roseberry-700: #804947;
--color-roseberry-800: #5f3534;
--color-roseberry-900: #422423;
--color-roseberry-950: #2a1312;
}SCSS
$roseberry: #f4a6a1;
$roseberry-rgb: 244, 166, 161;
$roseberry-light: mix(#fff, $roseberry, 20%);
$roseberry-dark: mix(#000, $roseberry, 20%);
.element {
color: $roseberry;
box-shadow: 0 0 0 2px rgba($roseberry, 0.35);
}