Najbliższy nazwany kolor · #C85B51
#C85B51
Najbliższy nazwany kolor: Firebug
#C85B51 (rgb(200 91 81), hsl(5 52% 55%), oklch(0.605 0.141 27.3)) jest najbliższy nazwanemu kolorowi Firebug. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C85B51
oklch(0.605 0.141 27.3)
Konwersje koloru
- HEX
- #c85b51
- RGB
- rgb(200 91 81)
- HSL
- hsl(5 52% 55%)
- HWB
- hwb(5 32% 22%)
- OKLCH
- oklch(0.605 0.141 27.3)
- OKLab
- oklab(0.605 0.125 0.065)
- CIE Lab
- lab(52.78 43.79 27.89)
- LCH
- lch(52.78 51.92 32.5)
- CMYK
- cmyk(0% 54% 60% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CF6C62
- D67D73
- DD8D83
- E39D95
- E9AEA6
- EEBEB7
- F3CEC9
- F7DEDB
- FBEFED
Odcienie ciemniejsze
- AE4E45
- 94413A
- 7B352F
- 632924
- 4C1E1A
- 361310
- 210907
- 0F0302
- 020000
Tony
- C26056
- BB655B
- B56960
- AE6D65
- A7716A
- A0746E
- 997773
- 917A77
- 897D7C
Harmonie kolorów
Komplementarna +180°
- C85B51
Firebug
- 0092A1
≈ Jaded
Analogowa -30° +30°
- C85B51
Firebug
- C25982
≈ Beauty Queen
- BF680F
≈ Hawaiian Sunset
Triada +120° +240°
- C85B51
Firebug
- 3B984D
≈ Formal Garden
- 5C7CD6
≈ Serenity’s Reign
Komplementarna rozszczepiona +150° +210°
- C85B51
Firebug
- 009781
≈ Aqua Waters
- 008BC6
≈ Celebration Blue
Tetrada +90° +180° +270°
- C85B51
Firebug
- 7C8B00
≈ Krypton Green
- 0092A1
≈ Jaded
- 8C6CCB
≈ True V
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.14:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.07:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--firebug: #c85b51;
--firebug-rgb: 200 91 81;
--firebug-oklch: oklch(0.605 0.141 27.3);
}
.element {
color: var(--firebug);
background-color: hsl(5 52% 55%);
border-color: oklch(0.605 0.141 27.3);
}Tailwind CSS v4
@theme {
--color-firebug: #c85b51;
--color-firebug-50: #ffe7de;
--color-firebug-100: #ffd7cd;
--color-firebug-200: #ffbeb1;
--color-firebug-300: #f79b8d;
--color-firebug-400: #e67b70;
--color-firebug-500: #d35a50;
--color-firebug-600: #b24d44;
--color-firebug-700: #8f3d36;
--color-firebug-800: #6b2b28;
--color-firebug-900: #4b1d1b;
--color-firebug-950: #310d0b;
}SCSS
$firebug: #c85b51;
$firebug-rgb: 200, 91, 81;
$firebug-light: mix(#fff, $firebug, 20%);
$firebug-dark: mix(#000, $firebug, 20%);
.element {
color: $firebug;
box-shadow: 0 0 0 2px rgba($firebug, 0.35);
}