Colore con nome · #EE6600
Royal Flycatcher Crest
Royal Flycatcher Crest è #EE6600: rgb(238 102 0), hsl(26 100% 47%), oklch(0.67 0.188 46). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Royal Flycatcher Crest color name →
#EE6600
oklch(0.67 0.188 46)
Conversioni di colore
- HEX
- #ee6600
- RGB
- rgb(238 102 0)
- HSL
- hsl(26 100% 47%)
- HWB
- hwb(26 0% 7%)
- OKLCH
- oklch(0.67 0.188 46)
- OKLab
- oklab(0.67 0.131 0.136)
- CIE Lab
- lab(60.38 50.98 69.5)
- LCH
- lch(60.38 86.2 53.7)
- CMYK
- cmyk(0% 57% 100% 7%)
Tinte · Ombre · Toni
Tinte
- F27735
- F58851
- F89869
- FBA77F
- FDB695
- FEC5AA
- FFD4BF
- FFE2D5
- FFF1EA
Ombre
- CF5800
- B14A00
- 933C00
- 772F00
- 5C2300
- 421700
- 2A0C00
- 140400
- 030000
Toni
- E46B25
- DA6F37
- CF7244
- C5754F
- BA7859
- AF7A62
- A47C6A
- 987E72
- 8C7F79
Armonie di colore
Complementare +180°
- EE6600
Royal Flycatcher Crest
- 00A4D1
≈ Charybdis
Analogo -30° +30°
- EE6600
Royal Flycatcher Crest
- F2586D
≈ Ripe Malinka
- C68700
≈ Auric
Triadico +120° +240°
- EE6600
Royal Flycatcher Crest
- 00B081
≈ Dark Mountain Meadow
- 8F7FFF
≈ Periwinkle
Complementare divisa +150° +210°
- EE6600
Royal Flycatcher Crest
- 00AAAC
≈ Fiji
- 4195FF
≈ Sky Dancer
Tetradico +90° +180° +270°
- EE6600
Royal Flycatcher Crest
- 59AD1E
≈ Grass
- 00A4D1
≈ Charybdis
- C16AE2
≈ Purple Snail
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-flycatcher-crest: #ee6600;
--royal-flycatcher-crest-rgb: 238 102 0;
--royal-flycatcher-crest-oklch: oklch(0.67 0.188 46);
}
.element {
color: var(--royal-flycatcher-crest);
background-color: hsl(26 100% 47%);
border-color: oklch(0.67 0.188 46);
}Tailwind CSS v4
@theme {
--color-royal-flycatcher-crest: #ee6600;
--color-royal-flycatcher-crest-50: #ffe6c7;
--color-royal-flycatcher-crest-100: #ffd6b1;
--color-royal-flycatcher-crest-200: #ffbb8c;
--color-royal-flycatcher-crest-300: #ff975b;
--color-royal-flycatcher-crest-400: #f57329;
--color-royal-flycatcher-crest-500: #e44d00;
--color-royal-flycatcher-crest-600: #c04300;
--color-royal-flycatcher-crest-700: #9b3500;
--color-royal-flycatcher-crest-800: #742400;
--color-royal-flycatcher-crest-900: #521800;
--color-royal-flycatcher-crest-950: #360800;
}SCSS
$royal-flycatcher-crest: #ee6600;
$royal-flycatcher-crest-rgb: 238, 102, 0;
$royal-flycatcher-crest-light: mix(#fff, $royal-flycatcher-crest, 20%);
$royal-flycatcher-crest-dark: mix(#000, $royal-flycatcher-crest, 20%);
.element {
color: $royal-flycatcher-crest;
box-shadow: 0 0 0 2px rgba($royal-flycatcher-crest, 0.35);
}