Nazwany kolor · #CBB394
Sycorax Bronze
Sycorax Bronze to #CBB394: rgb(203 179 148), hsl(34 35% 69%), oklch(0.779 0.05 74). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sycorax Bronze color name →
#CBB394
oklch(0.779 0.05 74)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0BA9E
- D5C2A9
- DBC9B4
- E0D1BE
- E5D9C9
- EAE0D4
- EFE8DE
- F5F0E9
- FAF7F4
Odcienie ciemniejsze
- B09B80
- 96846D
- 7D6E5A
- 655848
- 4D4336
- 372F26
- 221D16
- 0F0C08
- 020101
Tony
- C3AE92
- BCA990
- B4A48E
- AC9E8C
- A5998A
- 9D9488
- 968F86
- 8F8A84
- 878582
Harmonie kolorów
Komplementarna +180°
- CBB394
Sycorax Bronze
- A1BAD8
≈ Baltic Bream
Analogowa -30° +30°
- CBB394
Sycorax Bronze
- D4AE9D
≈ Adobe Village
- BCB994
≈ Back to Nature
Triada +120° +240°
- CBB394
Sycorax Bronze
- 92C2C1
≈ Cabana Bay
- C3AECE
≈ Orchid Bloom
Komplementarna rozszczepiona +150° +210°
- CBB394
Sycorax Bronze
- 95BFCF
≈ Neptune’s Realm
- B3B3D7
≈ Freesia Purple
Tetrada +90° +180° +270°
- CBB394
Sycorax Bronze
- 9AC2AF
≈ Stanley
- A1BAD8
≈ Baltic Bream
- D0ABBF
≈ Winsome Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.41:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
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);
}