이름 색상 · #DD8822
French Toast
French Toast은(는) #DD8822: rgb(221 136 34), hsl(33 73% 50%), oklch(0.701 0.148 64.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · French Toast color name →
#DD8822
oklch(0.701 0.148 64.2)
색상 변환
- HEX
- #dd8822
- RGB
- rgb(221 136 34)
- HSL
- hsl(33 73% 50%)
- HWB
- hwb(33 13% 13%)
- OKLCH
- oklch(0.701 0.148 64.2)
- OKLab
- oklab(0.701 0.064 0.133)
- CIE Lab
- lab(64.83 28.3 63.3)
- LCH
- lch(64.83 69.34 65.9)
- CMYK
- cmyk(0% 38% 85% 13%)
틴트 · 셰이드 · 톤
틴트
- E19443
- E6A15C
- E9AD72
- EDB987
- F1C49C
- F4D0B0
- F7DCC3
- FAE8D7
- FDF3EB
셰이드
- C0751C
- A46316
- 885211
- 6E410B
- 553107
- 3D2203
- 261301
- 110600
- 020100
톤
- D48835
- CB8842
- C2874D
- B98757
- AF865F
- A68567
- 9D846E
- 938374
- 8A817A
색 조화
보색 +180°
- DD8822
French Toast
- 3BA7F3
≈ Rockman Blue
유사색 -30° +30°
- DD8822
French Toast
- EC795E
≈ Orange Daylily
- BC9C00
≈ Perennial
삼각 배색 +120° +240°
- DD8822
French Toast
- 00B7A8
≈ Verditer
- B385E9
≈ Lavender Blossom
분열 보색 +150° +210°
- DD8822
French Toast
- 00B2CE
≈ Aquarius
- 8395FA
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- DD8822
French Toast
- 41B973
≈ Ceramic Green
- 3BA7F3
≈ Rockman Blue
- D579C4
≈ Purple Kush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.75:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.61:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--french-toast: #dd8822;
--french-toast-rgb: 221 136 34;
--french-toast-oklch: oklch(0.701 0.148 64.2);
}
.element {
color: var(--french-toast);
background-color: hsl(33 73% 50%);
border-color: oklch(0.701 0.148 64.2);
}Tailwind CSS v4
@theme {
--color-french-toast: #dd8822;
--color-french-toast-50: #ffeec9;
--color-french-toast-100: #ffdfb4;
--color-french-toast-200: #ffc890;
--color-french-toast-300: #eba860;
--color-french-toast-400: #da892e;
--color-french-toast-500: #c76b00;
--color-french-toast-600: #a85b00;
--color-french-toast-700: #874900;
--color-french-toast-800: #653400;
--color-french-toast-900: #472300;
--color-french-toast-950: #2e1200;
}SCSS
$french-toast: #dd8822;
$french-toast-rgb: 221, 136, 34;
$french-toast-light: mix(#fff, $french-toast, 20%);
$french-toast-dark: mix(#000, $french-toast, 20%);
.element {
color: $french-toast;
box-shadow: 0 0 0 2px rgba($french-toast, 0.35);
}