Najbliższy nazwany kolor · #B75345
#B75345
Najbliższy nazwany kolor: Conker
#B75345 (rgb(183 83 69), hsl(7 45% 49%), oklch(0.566 0.133 29.9)) jest najbliższy nazwanemu kolorowi Conker. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B75345
oklch(0.566 0.133 29.9)
Konwersje koloru
- HEX
- #b75345
- RGB
- rgb(183 83 69)
- HSL
- hsl(7 45% 49%)
- HWB
- hwb(7 27% 28%)
- OKLCH
- oklch(0.566 0.133 29.9)
- OKLab
- oklab(0.566 0.115 0.066)
- CIE Lab
- lab(48.38 40.59 28.71)
- LCH
- lch(48.38 49.72 35.3)
- CMYK
- cmyk(0% 55% 62% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C06557
- C87669
- D1877B
- D8988D
- E0A99F
- E7BAB2
- EDCBC5
- F4DCD8
- F9EEEB
Odcienie ciemniejsze
- 9F473B
- 873B31
- 703027
- 5A251E
- 451B15
- 31110C
- 1E0805
- 0C0202
- 020000
Tony
- B3594C
- AE5E52
- A96358
- A4685E
- 9F6C64
- 99716A
- 93756F
- 8D7975
- 877C7A
Harmonie kolorów
Komplementarna +180°
- B75345
Conker
- 008596
≈ Painted Sea
Analogowa -30° +30°
- B75345
Conker
- B25073
≈ Diva Glam
- AD6000
≈ Orange Brown
Triada +120° +240°
- B75345
Conker
- 2C8B49
≈ St. Patrick
- 5870C4
≈ Indigo Light
Komplementarna rozszczepiona +150° +210°
- B75345
Conker
- 008978
≈ Emerald Enchantment
- 007EBA
≈ Meissen Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.84:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.33:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--conker: #b75345;
--conker-rgb: 183 83 69;
--conker-oklch: oklch(0.566 0.133 29.9);
}
.element {
color: var(--conker);
background-color: hsl(7 45% 49%);
border-color: oklch(0.566 0.133 29.9);
}Tailwind CSS v4
@theme {
--color-conker: #b75345;
--color-conker-50: #ffe8de;
--color-conker-100: #ffd8cd;
--color-conker-200: #ffc0b1;
--color-conker-300: #f39e8d;
--color-conker-400: #e27e6f;
--color-conker-500: #cf5f4f;
--color-conker-600: #af5143;
--color-conker-700: #8d4036;
--color-conker-800: #692e27;
--color-conker-900: #4a1f1a;
--color-conker-950: #300e0b;
}SCSS
$conker: #b75345;
$conker-rgb: 183, 83, 69;
$conker-light: mix(#fff, $conker, 20%);
$conker-dark: mix(#000, $conker, 20%);
.element {
color: $conker;
box-shadow: 0 0 0 2px rgba($conker, 0.35);
}