Colore con nome · #F77D25
Ornery Tangerine
Ornery Tangerine è #F77D25: rgb(247 125 37), hsl(25 93% 56%), oklch(0.717 0.175 50.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ornery Tangerine color name →
#F77D25
oklch(0.717 0.175 50.5)
Conversioni di colore
- HEX
- #f77d25
- RGB
- rgb(247 125 37)
- HSL
- hsl(25 93% 56%)
- HWB
- hwb(25 15% 3%)
- OKLCH
- oklch(0.717 0.175 50.5)
- OKLab
- oklab(0.717 0.111 0.135)
- CIE Lab
- lab(66.14 44.18 65.18)
- LCH
- lch(66.14 78.74 55.9)
- CMYK
- cmyk(0% 49% 85% 3%)
Tinte · Ombre · Toni
Tinte
- FA8B45
- FC995E
- FEA774
- FFB489
- FFC09D
- FFCDB1
- FFDAC4
- FFE6D8
- FFF3EB
Ombre
- D76C1F
- B75B19
- 994B13
- 7C3B0D
- 602C08
- 451E04
- 2C1102
- 150500
- 030100
Toni
- EC7F37
- E08044
- D5814F
- C98258
- BD8260
- B18267
- A5826E
- 998275
- 8D817A
Armonie di colore
Complementare +180°
- F77D25
Ornery Tangerine
- 00B3EC
≈ Lynx Screen Blue
Analogo -30° +30°
- F77D25
Ornery Tangerine
- FE6F74
≈ Begonia
- D39800
≈ Leopard
Triadico +120° +240°
- F77D25
Ornery Tangerine
- 00C097
≈ Blarney
- A48FFF
≈ Cobalite
Complementare divisa +150° +210°
- F77D25
Ornery Tangerine
- 00BAC2
≈ Cyan Sky
- 6CA3FF
≈ Âbi Blue
Tetradico +90° +180° +270°
- F77D25
Ornery Tangerine
- 60BD4D
≈ Range Land
- 00B3EC
≈ Lynx Screen Blue
- D37BE6
≈ Calypso Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.91:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--ornery-tangerine: #f77d25;
--ornery-tangerine-rgb: 247 125 37;
--ornery-tangerine-oklch: oklch(0.717 0.175 50.5);
}
.element {
color: var(--ornery-tangerine);
background-color: hsl(25 93% 56%);
border-color: oklch(0.717 0.175 50.5);
}Tailwind CSS v4
@theme {
--color-ornery-tangerine: #f77d25;
--color-ornery-tangerine-50: #ffe8c7;
--color-ornery-tangerine-100: #ffd8b2;
--color-ornery-tangerine-200: #ffbf8d;
--color-ornery-tangerine-300: #fd9c5d;
--color-ornery-tangerine-400: #ed7a2a;
--color-ornery-tangerine-500: #dc5700;
--color-ornery-tangerine-600: #b94b00;
--color-ornery-tangerine-700: #953c00;
--color-ornery-tangerine-800: #702a00;
--color-ornery-tangerine-900: #4f1c00;
--color-ornery-tangerine-950: #340b00;
}SCSS
$ornery-tangerine: #f77d25;
$ornery-tangerine-rgb: 247, 125, 37;
$ornery-tangerine-light: mix(#fff, $ornery-tangerine, 20%);
$ornery-tangerine-dark: mix(#000, $ornery-tangerine, 20%);
.element {
color: $ornery-tangerine;
box-shadow: 0 0 0 2px rgba($ornery-tangerine, 0.35);
}