Najbliższy nazwany kolor · #814E2B
#814E2B
Najbliższy nazwany kolor: Chocolate Bells
#814E2B (rgb(129 78 43), hsl(24 50% 34%), oklch(0.475 0.085 53.6)) jest najbliższy nazwanemu kolorowi Chocolate Bells. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#814E2B
oklch(0.475 0.085 53.6)
Konwersje koloru
- HEX
- #814e2b
- RGB
- rgb(129 78 43)
- HSL
- hsl(24 50% 34%)
- HWB
- hwb(24 17% 49%)
- OKLCH
- oklch(0.475 0.085 53.6)
- OKLab
- oklab(0.475 0.05 0.068)
- CIE Lab
- lab(38.71 19.58 29.81)
- LCH
- lch(38.71 35.66 56.7)
- CMYK
- cmyk(0% 40% 67% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8E5F40
- 9A6F54
- A78168
- B4927D
- C0A392
- CDB5A7
- D9C7BC
- E6DAD2
- F2ECE8
Odcienie ciemniejsze
- 6F4324
- 5E381D
- 4E2D16
- 3E2310
- 2E190A
- 1F0F05
- 120702
- 060201
- 010000
Tony
- 815335
- 82583E
- 825E46
- 82634F
- 826857
- 826D5F
- 827168
- 817670
- 817B78
Harmonie kolorów
Komplementarna +180°
- 814E2B
Chocolate Bells
- 1F6484
≈ Georgian Bay
Analogowa -30° +30°
- 814E2B
Chocolate Bells
- 864845
≈ Henna
- 73581A
≈ Coffee Adept
Triada +120° +240°
- 814E2B
Chocolate Bells
- 146C58
≈ Teal Dark Green
- 5F5287
≈ Wool Violet
Komplementarna rozszczepiona +150° +210°
- 814E2B
Chocolate Bells
- 006971
≈ Kingfisher Bright
- 435B8C
≈ Anchor Point
Tetrada +90° +180° +270°
- 814E2B
Chocolate Bells
- 3D693C
≈ Arcala Green
- 1F6484
≈ Georgian Bay
- 734B77
≈ Cabbage Blossom Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.86:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.05:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-bells: #814e2b;
--chocolate-bells-rgb: 129 78 43;
--chocolate-bells-oklch: oklch(0.475 0.085 53.6);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(24 50% 34%);
border-color: oklch(0.475 0.085 53.6);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #814e2b;
--color-chocolate-bells-50: #fff0df;
--color-chocolate-bells-100: #ffe1cd;
--color-chocolate-bells-200: #f2ccb2;
--color-chocolate-bells-300: #daad8e;
--color-chocolate-bells-400: #c6916f;
--color-chocolate-bells-500: #b2764f;
--color-chocolate-bells-600: #966443;
--color-chocolate-bells-700: #795035;
--color-chocolate-bells-800: #5a3a26;
--color-chocolate-bells-900: #3f281a;
--color-chocolate-bells-950: #28150a;
}SCSS
$chocolate-bells: #814e2b;
$chocolate-bells-rgb: 129, 78, 43;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}