이름 색상 · #FFB452
Orange Toffee
Orange Toffee은(는) #FFB452: rgb(255 180 82), hsl(34 100% 66%), oklch(0.824 0.142 70.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Orange Toffee color name →
#FFB452
oklch(0.824 0.142 70.6)
색상 변환
- HEX
- #ffb452
- RGB
- rgb(255 180 82)
- HSL
- hsl(34 100% 66%)
- HWB
- hwb(34 32% 0%)
- OKLCH
- oklch(0.824 0.142 70.6)
- OKLab
- oklab(0.824 0.047 0.134)
- CIE Lab
- lab(79.32 21.61 59.61)
- LCH
- lch(79.32 63.4 70.1)
- CMYK
- cmyk(0% 29% 68% 0%)
틴트 · 셰이드 · 톤
틴트
- FFBC68
- FFC47B
- FFCB8D
- FFD39E
- FFDBAF
- FFE2BF
- FFE9CF
- FFF1DF
- FFF8EF
셰이드
- DE9C46
- BE853B
- 9E6E2F
- 805825
- 63441A
- 483011
- 2E1D08
- 160C02
- 030200
톤
- F2AF5A
- E5AA61
- D8A567
- CBA06C
- BF9B71
- B29675
- A69078
- 998B7B
- 8C867E
색 조화
보색 +180°
- FFB452
Orange Toffee
- 98CAFF
≈ Apocyan
유사색 -30° +30°
- FFB452
Orange Toffee
- FFAF92
≈ Peach Nectar
- DAC74C
≈ Cotton Candy Grape
삼각 배색 +120° +240°
- FFB452
Orange Toffee
- 00E2DB
≈ Fish Boy
- DEAFFF
≈ Mauve
분열 보색 +150° +210°
- FFB452
Orange Toffee
- 4FD8FF
≈ Libra Blue Morpho
- BABFFF
≈ Dried Lilac
사각 배색 +90° +180° +270°
- FFB452
Orange Toffee
- 62E1A6
≈ Medium Aquamarine
- 98CAFF
≈ Apocyan
- FFA2DF
≈ Rose Daphne
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.90:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.90:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--orange-toffee: #ffb452;
--orange-toffee-rgb: 255 180 82;
--orange-toffee-oklch: oklch(0.824 0.142 70.6);
}
.element {
color: var(--orange-toffee);
background-color: hsl(34 100% 66%);
border-color: oklch(0.824 0.142 70.6);
}Tailwind CSS v4
@theme {
--color-orange-toffee: #ffb452;
--color-orange-toffee-50: #fff0c9;
--color-orange-toffee-100: #ffe1b4;
--color-orange-toffee-200: #facb90;
--color-orange-toffee-300: #e4ab61;
--color-orange-toffee-400: #d38e2d;
--color-orange-toffee-500: #c07100;
--color-orange-toffee-600: #a26000;
--color-orange-toffee-700: #824d00;
--color-orange-toffee-800: #613700;
--color-orange-toffee-900: #442600;
--color-orange-toffee-950: #2c1400;
}SCSS
$orange-toffee: #ffb452;
$orange-toffee-rgb: 255, 180, 82;
$orange-toffee-light: mix(#fff, $orange-toffee, 20%);
$orange-toffee-dark: mix(#000, $orange-toffee, 20%);
.element {
color: $orange-toffee;
box-shadow: 0 0 0 2px rgba($orange-toffee, 0.35);
}