Cor nomeada · #FFBB88
Reddish Banana
Reddish Banana é #FFBB88: rgb(255 187 136), hsl(26 100% 77%), oklch(0.844 0.103 57.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Reddish Banana color name →
#FFBB88
oklch(0.844 0.103 57.7)
Conversões de cor
- HEX
- #ffbb88
- RGB
- rgb(255 187 136)
- HSL
- hsl(26 100% 77%)
- HWB
- hwb(26 53% 0%)
- OKLCH
- oklch(0.844 0.103 57.7)
- OKLab
- oklab(0.844 0.055 0.087)
- CIE Lab
- lab(81.49 21.01 35.95)
- LCH
- lch(81.49 41.64 59.7)
- CMYK
- cmyk(0% 27% 47% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFC294
- FFC9A1
- FFD0AD
- FFD7B8
- FFDDC4
- FFE4D0
- FFEBDC
- FFF2E8
- FFF8F3
Sombras
- DEA275
- BE8A63
- 9E7352
- 805C41
- 634631
- 483222
- 2E1F13
- 160D06
- 030201
Tons
- F2B588
- E5AF88
- D8A987
- CBA487
- BF9E86
- B29885
- A59284
- 998C83
- 8C8681
Harmonias de cor
Complementar +180°
- FFBB88
Reddish Banana
- 94D5FF
≈ Long Island Sound
Análoga -30° +30°
- FFBB88
Reddish Banana
- FFB7AD
≈ Mexican Milk
- E8C87B
≈ Marzipan
Tríade +120° +240°
- FFBB88
Reddish Banana
- 7AE2CB
≈ Sea Foam
- D2C0FF
≈ Lavender Tonic
Complementar dividida +150° +210°
- FFBB88
Reddish Banana
- 71DFEE
≈ Turkish Turquoise
- B6CBFF
≈ Night Snow
Tétrade +90° +180° +270°
- FFBB88
Reddish Banana
- 9EDFA5
≈ Dead 99
- 94D5FF
≈ Long Island Sound
- F1B4EE
≈ Lovecloud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.71:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--reddish-banana: #ffbb88;
--reddish-banana-rgb: 255 187 136;
--reddish-banana-oklch: oklch(0.844 0.103 57.7);
}
.element {
color: var(--reddish-banana);
background-color: hsl(26 100% 77%);
border-color: oklch(0.844 0.103 57.7);
}Tailwind CSS v4
@theme {
--color-reddish-banana: #ffbb88;
--color-reddish-banana-50: #ffefd8;
--color-reddish-banana-100: #ffe1c6;
--color-reddish-banana-200: #f6cba9;
--color-reddish-banana-300: #dfab82;
--color-reddish-banana-400: #cc8f60;
--color-reddish-banana-500: #b9733b;
--color-reddish-banana-600: #9c6233;
--color-reddish-banana-700: #7d4e28;
--color-reddish-banana-800: #5d381d;
--color-reddish-banana-900: #412613;
--color-reddish-banana-950: #2a1505;
}SCSS
$reddish-banana: #ffbb88;
$reddish-banana-rgb: 255, 187, 136;
$reddish-banana-light: mix(#fff, $reddish-banana, 20%);
$reddish-banana-dark: mix(#000, $reddish-banana, 20%);
.element {
color: $reddish-banana;
box-shadow: 0 0 0 2px rgba($reddish-banana, 0.35);
}