Cor nomeada · #FF8552
Poached Rainbow Trout
Poached Rainbow Trout é #FF8552: rgb(255 133 82), hsl(18 100% 66%), oklch(0.744 0.162 42.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Poached Rainbow Trout color name →
#FF8552
oklch(0.744 0.162 42.5)
Conversões de cor
- HEX
- #ff8552
- RGB
- rgb(255 133 82)
- HSL
- hsl(18 100% 66%)
- HWB
- hwb(18 32% 0%)
- OKLCH
- oklch(0.744 0.162 42.5)
- OKLab
- oklab(0.744 0.12 0.11)
- CIE Lab
- lab(69.17 44.64 48.88)
- LCH
- lch(69.17 66.2 47.6)
- CMYK
- cmyk(0% 48% 68% 0%)
Tons claros · Sombras · Tons
Tons claros
- FF9265
- FF9F77
- FFAC89
- FFB89A
- FFC4AB
- FFD0BC
- FFDCCD
- FFE8DD
- FFF3EE
Sombras
- DE7346
- BE613B
- 9E502F
- 804025
- 63301A
- 482111
- 2E1308
- 160602
- 030100
Tons
- F38659
- E6865F
- DA8664
- CD8669
- C1856E
- B48572
- A88476
- 9B837A
- 8E827D
Harmonias de cor
Complementar +180°
- FF8552
Poached Rainbow Trout
- 00BEEB
≈ Blue Raspberry
Análoga -30° +30°
- FF8552
Poached Rainbow Trout
- FF7D91
≈ Magical Girl
- E89900
≈ Pumpkin Yellow
Tríade +120° +240°
- FF8552
Poached Rainbow Trout
- 00CB8D
≈ Retro Lime
- A0A0FF
≈ Cobalite
Complementar dividida +150° +210°
- FF8552
Poached Rainbow Trout
- 00C5C1
≈ Cala Benirrás Blue
- 6AB0FF
≈ Tiān Lán Sky
Tétrade +90° +180° +270°
- FF8552
Poached Rainbow Trout
- 83C14C
≈ Conceptual
- 00BEEB
≈ Blue Raspberry
- CF8BF5
≈ Crash Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.72:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
CSS
:root {
--poached-rainbow-trout: #ff8552;
--poached-rainbow-trout-rgb: 255 133 82;
--poached-rainbow-trout-oklch: oklch(0.744 0.162 42.5);
}
.element {
color: var(--poached-rainbow-trout);
background-color: hsl(18 100% 66%);
border-color: oklch(0.744 0.162 42.5);
}Tailwind CSS v4
@theme {
--color-poached-rainbow-trout: #ff8552;
--color-poached-rainbow-trout-50: #ffe7d0;
--color-poached-rainbow-trout-100: #ffd7bc;
--color-poached-rainbow-trout-200: #ffbe9b;
--color-poached-rainbow-trout-300: #fc9b70;
--color-poached-rainbow-trout-400: #ec7a4a;
--color-poached-rainbow-trout-500: #da5712;
--color-poached-rainbow-trout-600: #b84b14;
--color-poached-rainbow-trout-700: #943c11;
--color-poached-rainbow-trout-800: #6f2a0d;
--color-poached-rainbow-trout-900: #4e1c08;
--color-poached-rainbow-trout-950: #330b00;
}SCSS
$poached-rainbow-trout: #ff8552;
$poached-rainbow-trout-rgb: 255, 133, 82;
$poached-rainbow-trout-light: mix(#fff, $poached-rainbow-trout, 20%);
$poached-rainbow-trout-dark: mix(#000, $poached-rainbow-trout, 20%);
.element {
color: $poached-rainbow-trout;
box-shadow: 0 0 0 2px rgba($poached-rainbow-trout, 0.35);
}