Color con nombre · #FFBE98
Happy Prawn
Happy Prawn es #FFBE98: rgb(255 190 152), hsl(22 100% 80%), oklch(0.852 0.091 51.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Happy Prawn color name →
#FFBE98
oklch(0.852 0.091 51.4)
Conversiones de color
- HEX
- #ffbe98
- RGB
- rgb(255 190 152)
- HSL
- hsl(22 100% 80%)
- HWB
- hwb(22 60% 0%)
- OKLCH
- oklch(0.852 0.091 51.4)
- OKLab
- oklab(0.852 0.057 0.071)
- CIE Lab
- lab(82.41 20.69 28.84)
- LCH
- lch(82.41 35.5 54.3)
- CMYK
- cmyk(0% 25% 40% 0%)
Tintes · Sombras · Tonos
Tintes
- FFC5A2
- FFCBAD
- FFD2B7
- FFD8C1
- FFDFCC
- FFE5D6
- FFECE0
- FFF2EA
- FFF9F5
Sombras
- DEA584
- BE8C70
- 9E755C
- 805E4A
- 634838
- 483327
- 2E1F17
- 160D08
- 030201
Tonos
- F2B896
- E5B294
- D8AB92
- CBA58F
- BF9F8D
- B2998B
- A59388
- 998C85
- 8C8683
Armonías de color
Complementario +180°
- FFBE98
Happy Prawn
- 90DAFF
≈ Shiva Blue
Análogo -30° +30°
- FFBE98
Happy Prawn
- FFBAB7
≈ Hard Candy
- EDC989
≈ Ochre Revival
Triádico +120° +240°
- FFBE98
Happy Prawn
- 8FE2C7
≈ Clean Green
- CEC6FF
≈ Innocent Snowdrop
Complementario dividido +150° +210°
- FFBE98
Happy Prawn
- 82E1E7
≈ Paradisiacal Getaway
- B4CFFF
≈ Ice Cold Stare
Tetrádico +90° +180° +270°
- FFBE98
Happy Prawn
- AEDEA6
≈ Green Gooseberry
- 90DAFF
≈ Shiva Blue
- EABBF3
≈ Lovecloud
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.07:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--happy-prawn: #ffbe98;
--happy-prawn-rgb: 255 190 152;
--happy-prawn-oklch: oklch(0.852 0.091 51.4);
}
.element {
color: var(--happy-prawn);
background-color: hsl(22 100% 80%);
border-color: oklch(0.852 0.091 51.4);
}Tailwind CSS v4
@theme {
--color-happy-prawn: #ffbe98;
--color-happy-prawn-50: #ffefde;
--color-happy-prawn-100: #ffe0cc;
--color-happy-prawn-200: #f4cab1;
--color-happy-prawn-300: #ddab8c;
--color-happy-prawn-400: #ca8f6c;
--color-happy-prawn-500: #b6744c;
--color-happy-prawn-600: #9a6241;
--color-happy-prawn-700: #7b4f33;
--color-happy-prawn-800: #5c3925;
--color-happy-prawn-900: #402719;
--color-happy-prawn-950: #291509;
}SCSS
$happy-prawn: #ffbe98;
$happy-prawn-rgb: 255, 190, 152;
$happy-prawn-light: mix(#fff, $happy-prawn, 20%);
$happy-prawn-dark: mix(#000, $happy-prawn, 20%);
.element {
color: $happy-prawn;
box-shadow: 0 0 0 2px rgba($happy-prawn, 0.35);
}