Nazwany kolor · #D7995D
Bakelite Gold
Bakelite Gold to #D7995D: rgb(215 153 93), hsl(30 60% 60%), oklch(0.731 0.107 63.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bakelite Gold color name →
#D7995D
oklch(0.731 0.107 63.9)
Konwersje koloru
- HEX
- #d7995d
- RGB
- rgb(215 153 93)
- HSL
- hsl(30 60% 60%)
- HWB
- hwb(30 36% 16%)
- OKLCH
- oklch(0.731 0.107 63.9)
- OKLab
- oklab(0.731 0.047 0.096)
- CIE Lab
- lab(68.47 19.26 40.89)
- LCH
- lch(68.47 45.2 64.8)
- CMYK
- cmyk(0% 29% 57% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCA36E
- E0AD7F
- E4B88F
- E8C29F
- ECCCAF
- F0D6BF
- F4E0CF
- F8EBDF
- FCF5EF
Odcienie ciemniejsze
- BB8450
- 9F7043
- 855D37
- 6B4A2A
- 52381F
- 3B2714
- 25170A
- 110803
- 020100
Tony
- CE9762
- C69466
- BD926B
- B4906E
- AC8D72
- A38B75
- 9A8878
- 92867B
- 89837E
Harmonie kolorów
Komplementarna +180°
- D7995D
Bakelite Gold
- 6AAFE6
≈ Sanctuary Spa
Analogowa -30° +30°
- D7995D
Bakelite Gold
- E38F7B
≈ Nude Flamingo
- BEA754
≈ Yellow Maize
Triada +120° +240°
- D7995D
Bakelite Gold
- 48BEAF
≈ Emerald Bliss
- B697DF
≈ Dreamy Candy Forest
Komplementarna rozszczepiona +150° +210°
- D7995D
Bakelite Gold
- 46B9D1
≈ Glimpse
- 93A3EB
≈ Cold Lips
Tetrada +90° +180° +270°
- D7995D
Bakelite Gold
- 6FBC89
≈ Young Bamboo
- 6AAFE6
≈ Sanctuary Spa
- D18EC4
≈ Carnation Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.60:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--bakelite-gold: #d7995d;
--bakelite-gold-rgb: 215 153 93;
--bakelite-gold-oklch: oklch(0.731 0.107 63.9);
}
.element {
color: var(--bakelite-gold);
background-color: hsl(30 60% 60%);
border-color: oklch(0.731 0.107 63.9);
}Tailwind CSS v4
@theme {
--color-bakelite-gold: #d7995d;
--color-bakelite-gold-50: #fff0d6;
--color-bakelite-gold-100: #ffe2c3;
--color-bakelite-gold-200: #f4cca4;
--color-bakelite-gold-300: #ddad7c;
--color-bakelite-gold-400: #cb9058;
--color-bakelite-gold-500: #b7752f;
--color-bakelite-gold-600: #9a632a;
--color-bakelite-gold-700: #7c4f21;
--color-bakelite-gold-800: #5c3917;
--color-bakelite-gold-900: #41270f;
--color-bakelite-gold-950: #291503;
}SCSS
$bakelite-gold: #d7995d;
$bakelite-gold-rgb: 215, 153, 93;
$bakelite-gold-light: mix(#fff, $bakelite-gold, 20%);
$bakelite-gold-dark: mix(#000, $bakelite-gold, 20%);
.element {
color: $bakelite-gold;
box-shadow: 0 0 0 2px rgba($bakelite-gold, 0.35);
}