Colore con nome · #C09962
Cheers!
Cheers! è #C09962: rgb(192 153 98), hsl(35 43% 57%), oklch(0.707 0.086 75.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cheers! color name →
#C09962
oklch(0.707 0.086 75.2)
Conversioni di colore
- HEX
- #c09962
- RGB
- rgb(192 153 98)
- HSL
- hsl(35 43% 57%)
- HWB
- hwb(35 38% 25%)
- OKLCH
- oklch(0.707 0.086 75.2)
- OKLab
- oklab(0.707 0.022 0.083)
- CIE Lab
- lab(65.99 9.95 34.6)
- LCH
- lch(65.99 36 74)
- CMYK
- cmyk(0% 20% 49% 25%)
Tinte · Ombre · Toni
Tinte
- C6A372
- CDAD82
- D3B791
- D9C1A1
- E0CBB0
- E6D6C0
- ECE0D0
- F3EADF
- F9F5EF
Ombre
- A78454
- 8E7047
- 765D3A
- 5F4A2D
- 493821
- 342716
- 20170B
- 0E0803
- 020100
Toni
- BA9766
- B3946A
- AD926D
- A68F70
- A08D73
- 9A8A76
- 938879
- 8D857B
- 86837E
Armonie di colore
Complementare +180°
- C09962
Cheers!
- 7CA3D6
≈ Boudoir Blue
Analogo -30° +30°
- C09962
Cheers!
- CE9073
≈ Terra Cotta Clay
- A8A463
≈ Wholemeal Cookie
Triadico +120° +240°
- C09962
Cheers!
- 58B1B1
≈ Crystalsong Blue
- B590C6
≈ Cut Velvet
Complementare divisa +150° +210°
- C09962
Cheers!
- 61ACC9
≈ Frozen Wave
- 9B99D4
≈ Bluebell Frost
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.97:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--cheers: #c09962;
--cheers-rgb: 192 153 98;
--cheers-oklch: oklch(0.707 0.086 75.2);
}
.element {
color: var(--cheers);
background-color: hsl(35 43% 57%);
border-color: oklch(0.707 0.086 75.2);
}Tailwind CSS v4
@theme {
--color-cheers: #c09962;
--color-cheers-50: #fff3da;
--color-cheers-100: #f8e5c9;
--color-cheers-200: #e9d0ac;
--color-cheers-300: #d0b286;
--color-cheers-400: #bc9764;
--color-cheers-500: #a77e40;
--color-cheers-600: #8d6a37;
--color-cheers-700: #71552c;
--color-cheers-800: #543e1e;
--color-cheers-900: #3b2a14;
--color-cheers-950: #251806;
}SCSS
$cheers: #c09962;
$cheers-rgb: 192, 153, 98;
$cheers-light: mix(#fff, $cheers, 20%);
$cheers-dark: mix(#000, $cheers, 20%);
.element {
color: $cheers;
box-shadow: 0 0 0 2px rgba($cheers, 0.35);
}