Adlandırılmış renk · #CBB394
Sycorax Bronze
Sycorax Bronze, #CBB394: rgb(203 179 148), hsl(34 35% 69%), oklch(0.779 0.05 74). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sycorax Bronze color name →
#CBB394
oklch(0.779 0.05 74)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D0BA9E
- D5C2A9
- DBC9B4
- E0D1BE
- E5D9C9
- EAE0D4
- EFE8DE
- F5F0E9
- FAF7F4
Koyu tonlar
- B09B80
- 96846D
- 7D6E5A
- 655848
- 4D4336
- 372F26
- 221D16
- 0F0C08
- 020101
Gri tonlar
- C3AE92
- BCA990
- B4A48E
- AC9E8C
- A5998A
- 9D9488
- 968F86
- 8F8A84
- 878582
Renk uyumları
Tamamlayıcı +180°
- CBB394
Sycorax Bronze
- A1BAD8
≈ Baltic Bream
Analog -30° +30°
- CBB394
Sycorax Bronze
- D4AE9D
≈ Adobe Village
- BCB994
≈ Back to Nature
Üçlü +120° +240°
- CBB394
Sycorax Bronze
- 92C2C1
≈ Cabana Bay
- C3AECE
≈ Orchid Bloom
Bölünmüş tamamlayıcı +150° +210°
- CBB394
Sycorax Bronze
- 95BFCF
≈ Neptune’s Realm
- B3B3D7
≈ Freesia Purple
Dörtlü +90° +180° +270°
- CBB394
Sycorax Bronze
- 9AC2AF
≈ Stanley
- A1BAD8
≈ Baltic Bream
- D0ABBF
≈ Winsome Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.41:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
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);
}