이름 색상 · #DDB994
Friar Tuck
Friar Tuck은(는) #DDB994: rgb(221 185 148), hsl(30 52% 72%), oklch(0.808 0.065 67.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Friar Tuck color name →
#DDB994
oklch(0.808 0.065 67.5)
색상 변환
- HEX
- #ddb994
- RGB
- rgb(221 185 148)
- HSL
- hsl(30 52% 72%)
- HWB
- hwb(30 58% 13%)
- OKLCH
- oklch(0.808 0.065 67.5)
- OKLab
- oklab(0.808 0.025 0.06)
- CIE Lab
- lab(77.68 9.5 23.92)
- LCH
- lch(77.68 25.74 68.3)
- CMYK
- cmyk(0% 16% 33% 13%)
틴트 · 셰이드 · 톤
틴트
- E1C09F
- E4C7A9
- E8CEB4
- EBD5BF
- EEDCC9
- F2E3D4
- F5EADF
- F8F1E9
- FCF8F4
셰이드
- C0A080
- A4896D
- 88715A
- 6E5B48
- 554636
- 3D3126
- 261E16
- 110D08
- 020201
톤
- D3B392
- CAAD90
- C0A88F
- B7A28D
- AE9C8B
- A49789
- 9B9187
- 928B84
- 898682
색 조화
보색 +180°
- DDB994
Friar Tuck
- 9FC5E9
≈ Pale Cerulean
유사색 -30° +30°
- DDB994
Friar Tuck
- E6B2A3
≈ Shilo
- CBC191
≈ Rainforest Fern
삼각 배색 +120° +240°
- DDB994
Friar Tuck
- 90CEC8
≈ Tropical Holiday
- CBB6E1
≈ Viking Diva
분열 보색 +150° +210°
- DDB994
Friar Tuck
- 90CBDC
≈ Baby Motive
- B6BDEA
≈ Larkspur Bud
사각 배색 +90° +180° +270°
- DDB994
Friar Tuck
- 9ECDB0
≈ Retro Mint
- 9FC5E9
≈ Pale Cerulean
- DDB1CF
≈ Bff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.44:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--friar-tuck: #ddb994;
--friar-tuck-rgb: 221 185 148;
--friar-tuck-oklch: oklch(0.808 0.065 67.5);
}
.element {
color: var(--friar-tuck);
background-color: hsl(30 52% 72%);
border-color: oklch(0.808 0.065 67.5);
}Tailwind CSS v4
@theme {
--color-friar-tuck: #ddb994;
--color-friar-tuck-50: #fff2e2;
--color-friar-tuck-100: #f7e5d1;
--color-friar-tuck-200: #e7d0b7;
--color-friar-tuck-300: #ceb294;
--color-friar-tuck-400: #b99876;
--color-friar-tuck-500: #a37e57;
--color-friar-tuck-600: #8a6b4a;
--color-friar-tuck-700: #6f553b;
--color-friar-tuck-800: #523e2a;
--color-friar-tuck-900: #392b1c;
--color-friar-tuck-950: #23180d;
}SCSS
$friar-tuck: #ddb994;
$friar-tuck-rgb: 221, 185, 148;
$friar-tuck-light: mix(#fff, $friar-tuck, 20%);
$friar-tuck-dark: mix(#000, $friar-tuck, 20%);
.element {
color: $friar-tuck;
box-shadow: 0 0 0 2px rgba($friar-tuck, 0.35);
}