이름 색상 · #F6D0B6
Dough Yellow
Dough Yellow은(는) #F6D0B6: rgb(246 208 182), hsl(24 78% 84%), oklch(0.883 0.055 56.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Dough Yellow color name →
#F6D0B6
oklch(0.883 0.055 56.3)
색상 변환
- HEX
- #f6d0b6
- RGB
- rgb(246 208 182)
- HSL
- hsl(24 78% 84%)
- HWB
- hwb(24 71% 4%)
- OKLCH
- oklch(0.883 0.055 56.3)
- OKLab
- oklab(0.883 0.031 0.046)
- CIE Lab
- lab(86.28 10.98 18.18)
- LCH
- lch(86.28 21.24 58.9)
- CMYK
- cmyk(0% 15% 26% 4%)
틴트 · 셰이드 · 톤
틴트
- F7D5BD
- F8D9C5
- F9DECC
- FAE3D3
- FBE8DA
- FCECE2
- FDF1E9
- FEF6F0
- FEFAF8
셰이드
- D6B59E
- B79A86
- 98806F
- 7B6759
- 5F4F44
- 453930
- 2C231D
- 15100C
- 030202
톤
- EAC8B1
- DEC0AB
- D1B7A6
- C5AFA0
- BAA79B
- AE9F96
- A29790
- 97908B
- 8B8885
색 조화
보색 +180°
- F6D0B6
Dough Yellow
- B7DFF9
≈ Arctic Paradise
유사색 -30° +30°
- F6D0B6
Dough Yellow
- FBCBC6
≈ Flush Pink
- E9D7B0
≈ Sunning Deck
삼각 배색 +120° +240°
- F6D0B6
Dough Yellow
- B3E5D7
≈ Ode to Green
- DBD2FA
≈ Pale Lavender
분열 보색 +150° +210°
- F6D0B6
Dough Yellow
- AEE4EB
≈ Uranus
- C8D8FE
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- F6D0B6
Dough Yellow
- C2E3C3
≈ Sugar Mint
- B7DFF9
≈ Arctic Paradise
- EDCDEC
≈ Bubblegum Crisis
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.61:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--dough-yellow: #f6d0b6;
--dough-yellow-rgb: 246 208 182;
--dough-yellow-oklch: oklch(0.883 0.055 56.3);
}
.element {
color: var(--dough-yellow);
background-color: hsl(24 78% 84%);
border-color: oklch(0.883 0.055 56.3);
}Tailwind CSS v4
@theme {
--color-dough-yellow: #f6d0b6;
--color-dough-yellow-50: #fff2e6;
--color-dough-yellow-100: #f7e4d6;
--color-dough-yellow-200: #e7cfbe;
--color-dough-yellow-300: #ceb19c;
--color-dough-yellow-400: #b9977f;
--color-dough-yellow-500: #a37d62;
--color-dough-yellow-600: #8a6a54;
--color-dough-yellow-700: #6e5543;
--color-dough-yellow-800: #523d30;
--color-dough-yellow-900: #392a21;
--color-dough-yellow-950: #231810;
}SCSS
$dough-yellow: #f6d0b6;
$dough-yellow-rgb: 246, 208, 182;
$dough-yellow-light: mix(#fff, $dough-yellow, 20%);
$dough-yellow-dark: mix(#000, $dough-yellow, 20%);
.element {
color: $dough-yellow;
box-shadow: 0 0 0 2px rgba($dough-yellow, 0.35);
}