Nazwany kolor · #FFA631
Tamago Orange
Tamago Orange to #FFA631: rgb(255 166 49), hsl(34 100% 60%), oklch(0.796 0.16 67.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tamago Orange color name →
#FFA631
oklch(0.796 0.16 67.8)
Konwersje koloru
- HEX
- #ffa631
- RGB
- rgb(255 166 49)
- HSL
- hsl(34 100% 60%)
- HWB
- hwb(34 19% 0%)
- OKLCH
- oklch(0.796 0.16 67.8)
- OKLab
- oklab(0.796 0.06 0.148)
- CIE Lab
- lab(75.93 27.59 69.43)
- LCH
- lch(75.93 74.71 68.3)
- CMYK
- cmyk(0% 35% 81% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFB050
- FFB968
- FFC27D
- FFCB91
- FFD4A4
- FFDDB7
- FFE6C9
- FFEEDB
- FFF7ED
Odcienie ciemniejsze
- DE9029
- BE7A22
- 9E651A
- 805113
- 633E0C
- 482B06
- 2E1A03
- 160A01
- 030100
Tony
- F2A342
- E59F4E
- D99C58
- CC9860
- BF9567
- B3916D
- A68D73
- 998978
- 8D847C
Harmonie kolorów
Komplementarna +180°
- FFA631
Tamago Orange
- 82C3FF
≈ Maya Blue
Analogowa -30° +30°
- FFA631
Tamago Orange
- FFA083
≈ Orchid Orange
- D8BC19
≈ Ghee Yellow
Triada +120° +240°
- FFA631
Tamago Orange
- 00D8CD
≈ Turquoise Panic
- D4A4FF
≈ Lilac
Komplementarna rozszczepiona +150° +210°
- FFA631
Tamago Orange
- 00D2F9
≈ Tropical Turquoise
- ACB6FF
≈ Greyish Lavender
Tetrada +90° +180° +270°
- FFA631
Tamago Orange
- 4ADB94
≈ Reptile Green
- 82C3FF
≈ Maya Blue
- FD91E0
≈ Pink Delight
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.75:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--tamago-orange: #ffa631;
--tamago-orange-rgb: 255 166 49;
--tamago-orange-oklch: oklch(0.796 0.16 67.8);
}
.element {
color: var(--tamago-orange);
background-color: hsl(34 100% 60%);
border-color: oklch(0.796 0.16 67.8);
}Tailwind CSS v4
@theme {
--color-tamago-orange: #ffa631;
--color-tamago-orange-50: #ffeec4;
--color-tamago-orange-100: #ffdfae;
--color-tamago-orange-200: #ffc887;
--color-tamago-orange-300: #eca854;
--color-tamago-orange-400: #db8909;
--color-tamago-orange-500: #c96b00;
--color-tamago-orange-600: #a95b00;
--color-tamago-orange-700: #884900;
--color-tamago-orange-800: #663400;
--color-tamago-orange-900: #482300;
--color-tamago-orange-950: #2f1200;
}SCSS
$tamago-orange: #ffa631;
$tamago-orange-rgb: 255, 166, 49;
$tamago-orange-light: mix(#fff, $tamago-orange, 20%);
$tamago-orange-dark: mix(#000, $tamago-orange, 20%);
.element {
color: $tamago-orange;
box-shadow: 0 0 0 2px rgba($tamago-orange, 0.35);
}