Colore con nome · #FF8552
Poached Rainbow Trout
Poached Rainbow Trout è #FF8552: rgb(255 133 82), hsl(18 100% 66%), oklch(0.744 0.162 42.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Poached Rainbow Trout color name →
#FF8552
oklch(0.744 0.162 42.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FF9265
- FF9F77
- FFAC89
- FFB89A
- FFC4AB
- FFD0BC
- FFDCCD
- FFE8DD
- FFF3EE
Ombre
- DE7346
- BE613B
- 9E502F
- 804025
- 63301A
- 482111
- 2E1308
- 160602
- 030100
Toni
- F38659
- E6865F
- DA8664
- CD8669
- C1856E
- B48572
- A88476
- 9B837A
- 8E827D
Armonie di colore
Complementare +180°
- FF8552
Poached Rainbow Trout
- 00BEEB
≈ Blue Raspberry
Analogo -30° +30°
- FF8552
Poached Rainbow Trout
- FF7D91
≈ Magical Girl
- E89900
≈ Pumpkin Yellow
Triadico +120° +240°
- FF8552
Poached Rainbow Trout
- 00CB8D
≈ Retro Lime
- A0A0FF
≈ Cobalite
Complementare divisa +150° +210°
- FF8552
Poached Rainbow Trout
- 00C5C1
≈ Cala Benirrás Blue
- 6AB0FF
≈ Tiān Lán Sky
Tetradico +90° +180° +270°
- FF8552
Poached Rainbow Trout
- 83C14C
≈ Conceptual
- 00BEEB
≈ Blue Raspberry
- CF8BF5
≈ Crash Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.40:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.72:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
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);
}