이름 색상 · #FCC680
Uldum Beige
Uldum Beige은(는) #FCC680: rgb(252 198 128), hsl(34 95% 75%), oklch(0.86 0.107 72.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Uldum Beige color name →
#FCC680
oklch(0.86 0.107 72.8)
색상 변환
- HEX
- #fcc680
- RGB
- rgb(252 198 128)
- HSL
- hsl(34 95% 75%)
- HWB
- hwb(34 50% 1%)
- OKLCH
- oklch(0.86 0.107 72.8)
- OKLab
- oklab(0.86 0.032 0.102)
- CIE Lab
- lab(83.68 13.83 42.64)
- LCH
- lch(83.68 44.83 72)
- CMYK
- cmyk(0% 21% 49% 1%)
틴트 · 셰이드 · 톤
틴트
- FDCC8E
- FDD29B
- FED8A8
- FEDDB5
- FEE3C1
- FFE9CE
- FFEEDA
- FFF4E6
- FFF9F3
셰이드
- DBAC6E
- BB925D
- 9C7A4D
- 7E623D
- 624B2E
- 47351F
- 2D2112
- 160E06
- 030201
톤
- EFBF81
- E2B882
- D6B183
- C9AA83
- BDA383
- B09C83
- A49582
- 988E82
- 8C8781
색 조화
보색 +180°
- FCC680
Uldum Beige
- B0D4FF
≈ Ice Cold Stare
유사색 -30° +30°
- FCC680
Uldum Beige
- FFC0A7
≈ Sweet Apricot
- DED47F
≈ Golden Rice
삼각 배색 +120° +240°
- FCC680
Uldum Beige
- 71E7E4
≈ Blue Crystal Landscape
- E7BFFF
≈ Jane Purple
분열 보색 +150° +210°
- FCC680
Uldum Beige
- 86DFFF
≈ Tranquil Pool
- C9CCFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- FCC680
Uldum Beige
- 8CE7BD
≈ Bubble Algae
- B0D4FF
≈ Ice Cold Stare
- FFB7E2
≈ Hot Aquarelle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.52:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.52:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--uldum-beige: #fcc680;
--uldum-beige-rgb: 252 198 128;
--uldum-beige-oklch: oklch(0.86 0.107 72.8);
}
.element {
color: var(--uldum-beige);
background-color: hsl(34 95% 75%);
border-color: oklch(0.86 0.107 72.8);
}Tailwind CSS v4
@theme {
--color-uldum-beige: #fcc680;
--color-uldum-beige-50: #fff1d4;
--color-uldum-beige-100: #fee4c1;
--color-uldum-beige-200: #f0cea2;
--color-uldum-beige-300: #d8b079;
--color-uldum-beige-400: #c59453;
--color-uldum-beige-500: #b17926;
--color-uldum-beige-600: #956722;
--color-uldum-beige-700: #78521b;
--color-uldum-beige-800: #593b12;
--color-uldum-beige-900: #3f290b;
--color-uldum-beige-950: #281601;
}SCSS
$uldum-beige: #fcc680;
$uldum-beige-rgb: 252, 198, 128;
$uldum-beige-light: mix(#fff, $uldum-beige, 20%);
$uldum-beige-dark: mix(#000, $uldum-beige, 20%);
.element {
color: $uldum-beige;
box-shadow: 0 0 0 2px rgba($uldum-beige, 0.35);
}