Nazwany kolor · #FFAE52
Alajuela Toad
Alajuela Toad to #FFAE52: rgb(255 174 82), hsl(32 100% 66%), oklch(0.813 0.142 66.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Alajuela Toad color name →
#FFAE52
oklch(0.813 0.142 66.7)
Konwersje koloru
- HEX
- #ffae52
- RGB
- rgb(255 174 82)
- HSL
- hsl(32 100% 66%)
- HWB
- hwb(32 32% 0%)
- OKLCH
- oklch(0.813 0.142 66.7)
- OKLab
- oklab(0.813 0.056 0.131)
- CIE Lab
- lab(77.94 24.59 58.18)
- LCH
- lch(77.94 63.17 67.1)
- CMYK
- cmyk(0% 32% 68% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFB767
- FFBF7A
- FFC78C
- FFD09E
- FFD8AE
- FFE0BF
- FFE8CF
- FFEFDF
- FFF7EF
Odcienie ciemniejsze
- DE9746
- BE803B
- 9E6A2F
- 805525
- 63411A
- 482E11
- 2E1C08
- 160B02
- 030100
Tony
- F2AA5A
- E5A561
- D8A167
- CC9D6C
- BF9871
- B29374
- A68F78
- 998A7B
- 8D857E
Harmonie kolorów
Komplementarna +180°
- FFAE52
Alajuela Toad
- 8CC8FF
≈ Platonic Blue
Analogowa -30° +30°
- FFAE52
Alajuela Toad
- FFA990
≈ Frozen Salmon
- DCC145
≈ Yellow Magic Orchestra
Triada +120° +240°
- FFAE52
Alajuela Toad
- 00DFD1
≈ Mint Morning
- D6ADFF
≈ Testosterose
Komplementarna rozszczepiona +150° +210°
- FFAE52
Alajuela Toad
- 16D8FD
≈ Neon Blue
- B2BDFF
≈ Dried Lilac
Tetrada +90° +180° +270°
- FFAE52
Alajuela Toad
- 68DD9C
≈ Aurora Green
- 8CC8FF
≈ Platonic Blue
- FC9DE4
≈ Lavender Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.42:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--alajuela-toad: #ffae52;
--alajuela-toad-rgb: 255 174 82;
--alajuela-toad-oklch: oklch(0.813 0.142 66.7);
}
.element {
color: var(--alajuela-toad);
background-color: hsl(32 100% 66%);
border-color: oklch(0.813 0.142 66.7);
}Tailwind CSS v4
@theme {
--color-alajuela-toad: #ffae52;
--color-alajuela-toad-50: #ffefca;
--color-alajuela-toad-100: #ffe0b5;
--color-alajuela-toad-200: #fdca91;
--color-alajuela-toad-300: #e7a963;
--color-alajuela-toad-400: #d68c32;
--color-alajuela-toad-500: #c36f00;
--color-alajuela-toad-600: #a55e00;
--color-alajuela-toad-700: #844b00;
--color-alajuela-toad-800: #633600;
--color-alajuela-toad-900: #462500;
--color-alajuela-toad-950: #2d1300;
}SCSS
$alajuela-toad: #ffae52;
$alajuela-toad-rgb: 255, 174, 82;
$alajuela-toad-light: mix(#fff, $alajuela-toad, 20%);
$alajuela-toad-dark: mix(#000, $alajuela-toad, 20%);
.element {
color: $alajuela-toad;
box-shadow: 0 0 0 2px rgba($alajuela-toad, 0.35);
}