Color con nombre · #F0908D
Bierwurst
Bierwurst es #F0908D: rgb(240 144 141), hsl(2 77% 75%), oklch(0.753 0.117 22.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Bierwurst color name →
#F0908D
oklch(0.753 0.117 22.1)
Conversiones de color
- HEX
- #f0908d
- RGB
- rgb(240 144 141)
- HSL
- hsl(2 77% 75%)
- HWB
- hwb(2 55% 6%)
- OKLCH
- oklch(0.753 0.117 22.1)
- OKLab
- oklab(0.753 0.108 0.044)
- CIE Lab
- lab(70.17 36.97 18.04)
- LCH
- lch(70.17 41.14 26)
- CMYK
- cmyk(0% 40% 41% 6%)
Tintes · Sombras · Tonos
Tintes
- F39B98
- F5A7A3
- F7B2AE
- F9BDBA
- FBC8C5
- FCD3D0
- FDDEDC
- FEE9E8
- FFF4F3
Sombras
- D17D7A
- B26A67
- 955755
- 784544
- 5D3433
- 432423
- 2A1514
- 140707
- 030101
Tonos
- E58F8C
- DA8E8B
- CF8C89
- C48B88
- B98987
- AE8886
- A28684
- 978483
- 8C8281
Armonías de color
Complementario +180°
- F0908D
Bierwurst
- 34C4CF
≈ Turquoise Surf
Análogo -30° +30°
- F0908D
Bierwurst
- E88FB6
≈ Chewing Gum Pink
- E99967
≈ Topaz Yellow
Triádico +120° +240°
- F0908D
Bierwurst
- 83C27C
≈ Applegate
- 86AFF9
≈ Kitten’s Eye
Complementario dividido +150° +210°
- F0908D
Bierwurst
- 50C7A7
≈ Biscay Green
- 56BBEC
≈ Clean Pool
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.07:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--bierwurst: #f0908d;
--bierwurst-rgb: 240 144 141;
--bierwurst-oklch: oklch(0.753 0.117 22.1);
}
.element {
color: var(--bierwurst);
background-color: hsl(2 77% 75%);
border-color: oklch(0.753 0.117 22.1);
}Tailwind CSS v4
@theme {
--color-bierwurst: #f0908d;
--color-bierwurst-50: #ffe9e5;
--color-bierwurst-100: #ffdad5;
--color-bierwurst-200: #ffc1bc;
--color-bierwurst-300: #eea09a;
--color-bierwurst-400: #db817f;
--color-bierwurst-500: #c86362;
--color-bierwurst-600: #a95553;
--color-bierwurst-700: #884342;
--color-bierwurst-800: #653031;
--color-bierwurst-900: #472121;
--color-bierwurst-950: #2e1011;
}SCSS
$bierwurst: #f0908d;
$bierwurst-rgb: 240, 144, 141;
$bierwurst-light: mix(#fff, $bierwurst, 20%);
$bierwurst-dark: mix(#000, $bierwurst, 20%);
.element {
color: $bierwurst;
box-shadow: 0 0 0 2px rgba($bierwurst, 0.35);
}