이름 색상 · #CBB394
Sycorax Bronze
Sycorax Bronze은(는) #CBB394: rgb(203 179 148), hsl(34 35% 69%), oklch(0.779 0.05 74). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sycorax Bronze color name →
#CBB394
oklch(0.779 0.05 74)
색상 변환
- HEX
- #cbb394
- RGB
- rgb(203 179 148)
- HSL
- hsl(34 35% 69%)
- HWB
- hwb(34 58% 20%)
- OKLCH
- oklch(0.779 0.05 74)
- OKLab
- oklab(0.779 0.014 0.049)
- CIE Lab
- lab(74.44 5.42 19.22)
- LCH
- lch(74.44 19.97 74.2)
- CMYK
- cmyk(0% 12% 27% 20%)
틴트 · 셰이드 · 톤
틴트
- D0BA9E
- D5C2A9
- DBC9B4
- E0D1BE
- E5D9C9
- EAE0D4
- EFE8DE
- F5F0E9
- FAF7F4
셰이드
- B09B80
- 96846D
- 7D6E5A
- 655848
- 4D4336
- 372F26
- 221D16
- 0F0C08
- 020101
톤
- C3AE92
- BCA990
- B4A48E
- AC9E8C
- A5998A
- 9D9488
- 968F86
- 8F8A84
- 878582
색 조화
보색 +180°
- CBB394
Sycorax Bronze
- A1BAD8
≈ Baltic Bream
유사색 -30° +30°
- CBB394
Sycorax Bronze
- D4AE9D
≈ Adobe Village
- BCB994
≈ Back to Nature
삼각 배색 +120° +240°
- CBB394
Sycorax Bronze
- 92C2C1
≈ Cabana Bay
- C3AECE
≈ Orchid Bloom
분열 보색 +150° +210°
- CBB394
Sycorax Bronze
- 95BFCF
≈ Neptune’s Realm
- B3B3D7
≈ Freesia Purple
사각 배색 +90° +180° +270°
- CBB394
Sycorax Bronze
- 9AC2AF
≈ Stanley
- A1BAD8
≈ Baltic Bream
- D0ABBF
≈ Winsome Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.41:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--sycorax-bronze: #cbb394;
--sycorax-bronze-rgb: 203 179 148;
--sycorax-bronze-oklch: oklch(0.779 0.05 74);
}
.element {
color: var(--sycorax-bronze);
background-color: hsl(34 35% 69%);
border-color: oklch(0.779 0.05 74);
}Tailwind CSS v4
@theme {
--color-sycorax-bronze: #cbb394;
--color-sycorax-bronze-50: #fef4e6;
--color-sycorax-bronze-100: #f2e6d6;
--color-sycorax-bronze-200: #e1d2bd;
--color-sycorax-bronze-300: #c7b49b;
--color-sycorax-bronze-400: #b19a7e;
--color-sycorax-bronze-500: #9b8261;
--color-sycorax-bronze-600: #836e52;
--color-sycorax-bronze-700: #695842;
--color-sycorax-bronze-800: #4d402f;
--color-sycorax-bronze-900: #362c20;
--color-sycorax-bronze-950: #21190f;
}SCSS
$sycorax-bronze: #cbb394;
$sycorax-bronze-rgb: 203, 179, 148;
$sycorax-bronze-light: mix(#fff, $sycorax-bronze, 20%);
$sycorax-bronze-dark: mix(#000, $sycorax-bronze, 20%);
.element {
color: $sycorax-bronze;
box-shadow: 0 0 0 2px rgba($sycorax-bronze, 0.35);
}