Nazwany kolor · #FFAE42
Mandarin Sorbet
Mandarin Sorbet to #FFAE42: rgb(255 174 66), hsl(34 100% 63%), oklch(0.811 0.151 69.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mandarin Sorbet color name →
#FFAE42
oklch(0.811 0.151 69.9)
Konwersje koloru
- HEX
- #ffae42
- RGB
- rgb(255 174 66)
- HSL
- hsl(34 100% 63%)
- HWB
- hwb(34 26% 0%)
- OKLCH
- oklch(0.811 0.151 69.9)
- OKLab
- oklab(0.811 0.052 0.142)
- CIE Lab
- lab(77.83 24.05 64.85)
- LCH
- lch(77.83 69.16 69.7)
- CMYK
- cmyk(0% 32% 74% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFB75C
- FFBF71
- FFC785
- FFD098
- FFD8A9
- FFE0BB
- FFE8CC
- FFF0DD
- FFF7EE
Odcienie ciemniejsze
- DE9738
- BE802F
- 9E6A25
- 80551C
- 634114
- 482E0B
- 2E1C05
- 160B01
- 030100
Tony
- F2AA4E
- E5A657
- D8A15F
- CC9D66
- BF986C
- B29471
- A68F75
- 998A79
- 8D857D
Harmonie kolorów
Komplementarna +180°
- FFAE42
Mandarin Sorbet
- 90C7FF
≈ Clear Sky
Analogowa -30° +30°
- FFAE42
Mandarin Sorbet
- FFA98B
≈ Super Sepia
- D9C338
≈ Seed Pod
Triada +120° +240°
- FFAE42
Mandarin Sorbet
- 00DED5
≈ Mint Morning
- DAAAFF
≈ Testosterose
Komplementarna rozszczepiona +150° +210°
- FFAE42
Mandarin Sorbet
- 2ED5FF
≈ Neon Blue
- B5BBFF
≈ Dried Lilac
Tetrada +90° +180° +270°
- FFAE42
Mandarin Sorbet
- 55DF9F
≈ Aurora Green
- 90C7FF
≈ Clear Sky
- FF9ADF
≈ Pink Condition
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.38:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--mandarin-sorbet: #ffae42;
--mandarin-sorbet-rgb: 255 174 66;
--mandarin-sorbet-oklch: oklch(0.811 0.151 69.9);
}
.element {
color: var(--mandarin-sorbet);
background-color: hsl(34 100% 63%);
border-color: oklch(0.811 0.151 69.9);
}Tailwind CSS v4
@theme {
--color-mandarin-sorbet: #ffae42;
--color-mandarin-sorbet-50: #ffefc6;
--color-mandarin-sorbet-100: #ffe0b1;
--color-mandarin-sorbet-200: #fdca8b;
--color-mandarin-sorbet-300: #e7aa59;
--color-mandarin-sorbet-400: #d68c1d;
--color-mandarin-sorbet-500: #c46f00;
--color-mandarin-sorbet-600: #a55e00;
--color-mandarin-sorbet-700: #854b00;
--color-mandarin-sorbet-800: #643600;
--color-mandarin-sorbet-900: #462500;
--color-mandarin-sorbet-950: #2d1300;
}SCSS
$mandarin-sorbet: #ffae42;
$mandarin-sorbet-rgb: 255, 174, 66;
$mandarin-sorbet-light: mix(#fff, $mandarin-sorbet, 20%);
$mandarin-sorbet-dark: mix(#000, $mandarin-sorbet, 20%);
.element {
color: $mandarin-sorbet;
box-shadow: 0 0 0 2px rgba($mandarin-sorbet, 0.35);
}