Nazwany kolor · #C09962
Cheers!
Cheers! to #C09962: rgb(192 153 98), hsl(35 43% 57%), oklch(0.707 0.086 75.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cheers! color name →
#C09962
oklch(0.707 0.086 75.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6A372
- CDAD82
- D3B791
- D9C1A1
- E0CBB0
- E6D6C0
- ECE0D0
- F3EADF
- F9F5EF
Odcienie ciemniejsze
- A78454
- 8E7047
- 765D3A
- 5F4A2D
- 493821
- 342716
- 20170B
- 0E0803
- 020100
Tony
- BA9766
- B3946A
- AD926D
- A68F70
- A08D73
- 9A8A76
- 938879
- 8D857B
- 86837E
Harmonie kolorów
Komplementarna +180°
- C09962
Cheers!
- 7CA3D6
≈ Boudoir Blue
Analogowa -30° +30°
- C09962
Cheers!
- CE9073
≈ Terra Cotta Clay
- A8A463
≈ Wholemeal Cookie
Triada +120° +240°
- C09962
Cheers!
- 58B1B1
≈ Crystalsong Blue
- B590C6
≈ Cut Velvet
Komplementarna rozszczepiona +150° +210°
- C09962
Cheers!
- 61ACC9
≈ Frozen Wave
- 9B99D4
≈ Bluebell Frost
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.97:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}