Nazwany kolor · #C2792B
Maine Coon Orange
Maine Coon Orange to #C2792B: rgb(194 121 43), hsl(31 64% 46%), oklch(0.641 0.128 63). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Maine Coon Orange color name →
#C2792B
oklch(0.641 0.128 63)
Konwersje koloru
- HEX
- #c2792b
- RGB
- rgb(194 121 43)
- HSL
- hsl(31 64% 46%)
- HWB
- hwb(31 17% 24%)
- OKLCH
- oklch(0.641 0.128 63)
- OKLab
- oklab(0.641 0.058 0.114)
- CIE Lab
- lab(57.9 24.85 52.52)
- LCH
- lch(57.9 58.1 64.7)
- CMYK
- cmyk(0% 38% 78% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C98746
- D0945C
- D6A171
- DCAF86
- E3BC9A
- E9C9AE
- EED7C2
- F4E4D6
- FAF1EB
Odcienie ciemniejsze
- A86824
- 8F581D
- 774816
- 603910
- 492B0A
- 341D05
- 201002
- 0E0501
- 020100
Tony
- BC7A39
- B57B44
- AF7D4D
- A97D56
- A27E5E
- 9C7F65
- 957F6C
- 8E8073
- 87807A
Harmonie kolorów
Komplementarna +180°
- C2792B
Maine Coon Orange
- 3994D3
≈ Boyzone
Analogowa -30° +30°
- C2792B
Maine Coon Orange
- CE6C58
≈ Red Orpiment
- A78910
≈ Strong Mustard
Triada +120° +240°
- C2792B
Maine Coon Orange
- 00A293
≈ Turquish
- 9C78CC
≈ Lilac Bush
Komplementarna rozszczepiona +150° +210°
- C2792B
Maine Coon Orange
- 009DB5
≈ Brilliant Sea
- 7386DA
≈ Tanzine
Tetrada +90° +180° +270°
- C2792B
Maine Coon Orange
- 43A266
≈ Greenish
- 3994D3
≈ Boyzone
- BA6DAD
≈ Crocus
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.46:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--maine-coon-orange: #c2792b;
--maine-coon-orange-rgb: 194 121 43;
--maine-coon-orange-oklch: oklch(0.641 0.128 63);
}
.element {
color: var(--maine-coon-orange);
background-color: hsl(31 64% 46%);
border-color: oklch(0.641 0.128 63);
}Tailwind CSS v4
@theme {
--color-maine-coon-orange: #c2792b;
--color-maine-coon-orange-50: #ffeed0;
--color-maine-coon-orange-100: #ffe0bc;
--color-maine-coon-orange-200: #fbca9b;
--color-maine-coon-orange-300: #e5aa6f;
--color-maine-coon-orange-400: #d38c47;
--color-maine-coon-orange-500: #c07004;
--color-maine-coon-orange-600: #a25f0c;
--color-maine-coon-orange-700: #824c0b;
--color-maine-coon-orange-800: #613608;
--color-maine-coon-orange-900: #442505;
--color-maine-coon-orange-950: #2c1300;
}SCSS
$maine-coon-orange: #c2792b;
$maine-coon-orange-rgb: 194, 121, 43;
$maine-coon-orange-light: mix(#fff, $maine-coon-orange, 20%);
$maine-coon-orange-dark: mix(#000, $maine-coon-orange, 20%);
.element {
color: $maine-coon-orange;
box-shadow: 0 0 0 2px rgba($maine-coon-orange, 0.35);
}