이름 색상 · #FFAE52
Alajuela Toad
Alajuela Toad은(는) #FFAE52: rgb(255 174 82), hsl(32 100% 66%), oklch(0.813 0.142 66.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Alajuela Toad color name →
#FFAE52
oklch(0.813 0.142 66.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFB767
- FFBF7A
- FFC78C
- FFD09E
- FFD8AE
- FFE0BF
- FFE8CF
- FFEFDF
- FFF7EF
셰이드
- DE9746
- BE803B
- 9E6A2F
- 805525
- 63411A
- 482E11
- 2E1C08
- 160B02
- 030100
톤
- F2AA5A
- E5A561
- D8A167
- CC9D6C
- BF9871
- B29374
- A68F78
- 998A7B
- 8D857E
색 조화
보색 +180°
- FFAE52
Alajuela Toad
- 8CC8FF
≈ Platonic Blue
유사색 -30° +30°
- FFAE52
Alajuela Toad
- FFA990
≈ Frozen Salmon
- DCC145
≈ Yellow Magic Orchestra
삼각 배색 +120° +240°
- FFAE52
Alajuela Toad
- 00DFD1
≈ Mint Morning
- D6ADFF
≈ Testosterose
분열 보색 +150° +210°
- FFAE52
Alajuela Toad
- 16D8FD
≈ Neon Blue
- B2BDFF
≈ Dried Lilac
사각 배색 +90° +180° +270°
- FFAE52
Alajuela Toad
- 68DD9C
≈ Aurora Green
- 8CC8FF
≈ Platonic Blue
- FC9DE4
≈ Lavender Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.42:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
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);
}