Colore con nome · #C2B398
Self-Destruct
Self-Destruct è #C2B398: rgb(194 179 152), hsl(39 26% 68%), oklch(0.772 0.041 82.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Self-Destruct color name →
#C2B398
oklch(0.772 0.041 82.3)
Conversioni di colore
- HEX
- #c2b398
- RGB
- rgb(194 179 152)
- HSL
- hsl(39 26% 68%)
- HWB
- hwb(39 60% 24%)
- OKLCH
- oklch(0.772 0.041 82.3)
- OKLab
- oklab(0.772 0.005 0.04)
- CIE Lab
- lab(73.69 2.32 15.89)
- LCH
- lch(73.69 16.06 81.7)
- CMYK
- cmyk(0% 8% 22% 24%)
Tinte · Ombre · Toni
Tinte
- C8BAA2
- CEC2AC
- D4C9B6
- DAD1C0
- E0D9CB
- E6E0D5
- ECE8DF
- F3EFEA
- F9F7F4
Ombre
- A89B84
- 8F8470
- 776E5C
- 60584A
- 494338
- 342F27
- 201D17
- 0E0C08
- 020101
Toni
- BBAE96
- B4A993
- AEA391
- A79E8F
- A0998C
- 9A948A
- 938F87
- 8D8A85
- 868582
Armonie di colore
Complementare +180°
- C2B398
Self-Destruct
- A7B6D0
≈ Minuet
Analogo -30° +30°
- C2B398
Self-Destruct
- CBAE9D
≈ Frappé
- B5B89A
≈ Disguise
Triadico +120° +240°
- C2B398
Self-Destruct
- 97BDC0
≈ Bel Esprit
- C2ADC5
≈ Heather Feather
Complementare divisa +150° +210°
- C2B398
Self-Destruct
- 9CBACB
≈ Arctic Sunrise
- B5B1CD
≈ Petunia Trail
Tetradico +90° +180° +270°
- C2B398
Self-Destruct
- 9BBEB2
≈ Coveted Blue
- A7B6D0
≈ Minuet
- CBABB7
≈ Scented Frill
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.19:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--self-destruct: #c2b398;
--self-destruct-rgb: 194 179 152;
--self-destruct-oklch: oklch(0.772 0.041 82.3);
}
.element {
color: var(--self-destruct);
background-color: hsl(39 26% 68%);
border-color: oklch(0.772 0.041 82.3);
}Tailwind CSS v4
@theme {
--color-self-destruct: #c2b398;
--color-self-destruct-50: #fbf4e8;
--color-self-destruct-100: #eee7d9;
--color-self-destruct-200: #dcd3c1;
--color-self-destruct-300: #c1b6a0;
--color-self-destruct-400: #ab9d84;
--color-self-destruct-500: #948468;
--color-self-destruct-600: #7d7058;
--color-self-destruct-700: #645946;
--color-self-destruct-800: #4a4132;
--color-self-destruct-900: #332d22;
--color-self-destruct-950: #1f1a11;
}SCSS
$self-destruct: #c2b398;
$self-destruct-rgb: 194, 179, 152;
$self-destruct-light: mix(#fff, $self-destruct, 20%);
$self-destruct-dark: mix(#000, $self-destruct, 20%);
.element {
color: $self-destruct;
box-shadow: 0 0 0 2px rgba($self-destruct, 0.35);
}